jquery - jQueryを使用してランダムな順序で異なる画像を持つ同じクラスを表示する

Question

これは私のHTMLです

<div id="abc">
    <div class="asd">image1</div>
    <div class="asd">image2</div>
    <div class="asd">image3</div>
    <div class="asd">image4</div>
    <div class="asd">image5</div>
</div>

更新ごとに画像をランダムに表示したい。Jqueryを使用してこれをどのように可能にしますか? ありがとう

Answer 1

乱数のフィールドを作成し、それらを ID のように div に追加してから、画像を div に追加します

var NumbOfDivs = x
var number = Math.floor(Math.random() * NumbOfDivs );
var fieldID = [];

if(fieldID.contains(number)){
}
else{fieldID.push(number)}

Answer 2

この単純なプラグインを使用できます: http://css-tricks.com/snippets/jquery/shuffle-dom-elements/

(function($){

    $.fn.shuffle = function() {

        var allElems = this.get(),
            getRandom = function(max) {
                return Math.floor(Math.random() * max);
            },
            shuffled = $.map(allElems, function(){
                var random = getRandom(allElems.length),
                    randEl = $(allElems[random]).clone(true)[0];
                allElems.splice(random, 1);
                return randEl;
           });

        this.each(function(i){
            $(this).replaceWith($(shuffled[i]));
        });

        return $(shuffled);

    };

})(jQuery);

あなたの場合、次のように使用します：

$('#abc > div').shuffle();