Modifier l'ordre DIV avec jquery

Question

Je travaille sur le site HTML d'un client et j'ai besoin de commander au hasard un ensemble de Divs lors de l'actualisation d'une page. Je traiterais normalement ceci via PHP et un appel de base de données, mais c'est un site statique. Donc, je me demande si quelqu'un sait comment afficher aléatoirement un ensemble de div en utilisant jquery?

Voici un exemple:

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

et à l'actualisation, il pourrait changer à:

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

Quelqu'un sait comment faire?

Answer 1

En fait, il est assez simple:

$(".myItems").html($(".myItems .item").sort(function(){ 
    return Math.random()-0.5; 
})); 

Ca y est! Profitez-en.

Answer 2

Ce willl faire

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)); 
     } 

Answer 3

Une autre façon simple ... 1. Créez un tableau 2. générer un nombre aléatoire et vérifier si elle est pair ou impair 3. Si étrange, ajouter votre div vers le haut (méthode de décalage). Si même, ajoutez votre div au fond (méthode push). 4. Ainsi, vos divs seront arrangés aléatoirement dans le tableau. 5. Maintenant, joignez simplement le tableau et ajoutez-le à votre page.

var divArray = []; 

for(var i=0; i<divs.length; i++){ 
    //generate random number 
    if(rand_num == odd) 
    divArray.push(div[i]); 
    else 
    divArray.shift(div[i]); 
} 

$(myElem).html(divArray.join(""));