使用jquery更改DIV顺序

Question

我正在使用客户端基于HTML的网站,需要在刷新页面时随机订购一组Div.我通常会通过PHP和数据库调用来处理这个问题,但它是一个静态站点.

所以,我想知道是否有人知道如何使用jquery随机显示一组div？

这是一个例子:

<div class="myItems">
     <div class="item">1</div>
     <div class="item">2</div>
     <div class="item">3</div>
</div>

并且在刷新时,它可能会更改为:

<div class="myItems">
     <div class="item">2</div>
     <div class="item">3</div>
     <div class="item">1</div>
</div>

谁知道怎么做？

Answer 1

这将做到这一点

 function reorder() {
           var grp = $(".myItems").children();
           var cnt = grp.length;

           var temp,x;
           for (var i = 0; i < cnt; i++) {
               temp = grp[i];
             x = Math.floor(Math.random() * cnt);
             grp[i] = grp[x];
             grp[x] = temp;
         }
         $(grp).remove();
         $(".myItems").append($(grp));
       }