2017年1月23日のブックマーク (1件)

  • 【jQuery】重複しない複数の要素をランダムに表示する方法。(jQuery編)

    例えば「1」〜「10」までの要素の中から3つだけランダムに抽出して表示させたい場合があります。 この際、抽出した要素が重複することなく、さらに順番も含めてランダムに表示させるにはどうしたらいいでしょうか? 今日は、そんなときに重宝する便利な jQuery のテクニックを紹介します。 リストはもちろん、画像やブロック要素など、ほぼどんな形式にも対応できるので様々な場面で活用できると思います。 まずは jquery.randomdisplay.js と名付けた、以下の内容の javascript ファイルを用意します。 jQuery(function($) { $.fn.extend({ randomdisplay : function(num) { return this.each(function() { var chn = $(this).children().hide().length

    【jQuery】重複しない複数の要素をランダムに表示する方法。(jQuery編)
    lightwill
    lightwill 2017/01/23
    prependのとこはうまく工夫して用途に合わせて