使用jQuery以随机顺序显示具有不同图像的相同类

使用jQuery以随机顺序显示具有不同图像的相同类,jquery,image,class,random,Jquery,Image,Class,Random,这是我的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<

这是我的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>

图1
图2
图3
图4
图5

我想在每次刷新时随机显示图像。如何使用Jquery实现这一点?Thankz

创建随机数字段,将它们像ID一样添加到div中,然后将图像添加到div中

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

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

您可以使用这个简单的插件:

在您的情况下,您可以这样使用它:

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

所以你想为所有
div.asd
元素设置一个随机顺序?是的,所有图像都必须显示…我得到了那个部分,但它们应该以随机顺序出现,对吗?你试过什么了吗?是的,我试过一些脚本…谢谢Miko,但我不能编辑那些div和类,它们是从某个地方动态加载的,这就是为什么我问这个问题。。。
$('#abc > div').shuffle();