显示相同的类与diffrerent图像使用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？ Thankz

Answer 1

你可以使用这个简单的插件：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(); 

Answer 2

创建随机数的字段并添加他们像ID来的div然后将图像添加到资料核实

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

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