Mische alle DIVS mit der gleichen Klasse

Was ich tun muss ist: Originalzustand:

<div class="shuffledv">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
</div>
<div class="shuffledv">
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
</div>

Nach dem Mischen:

<div class="shuffledv">
<div id="2"></div>
<div id="3"></div>
<div id="1"></div>
</div>
<div class="shuffledv">
<div id="5"></div>
<div id="4"></div>
<div id="6"></div>
</div>

Die Divs innerhalb der ersten Div bleiben dort, werden aber gemischt, und das gleiche passiert für die zweite Div mit derselben Klasse. Um Divs innerhalb eines bestimmten Divs zu mischen, benutze ich so etwas:

function shuffle(e) {               // pass divs inside #parent to the function
            var replace = $('<div>');
            var size = e.size();

            while (size >= 1) {
                var rand = Math.floor(Math.random() * size);
                var temp = e.get(rand);      // grab a random div from #parent
                replace.append(temp);        // add the selected div to new container
                e = e.not(temp); // remove our selected div from #parent
                size--;
            }
            $('#parent').html(replace.html()); // add shuffled divs to #parent
}

Genannt Lüge dies:shuffle('#parent .divclass') Wo alle Divs mit Klasse sinddivclass sind drinnen#parent Ich denke, es sollte so etwas anfangen

function shuffle() {        
            $(".shuffledv").each(function() {

und dann mache ich eine Form der ursprünglichen Funktion, aber ich habe mich an diesem Punkt gerade komplett verlaufen. Ich habe keine Ahnung, wie ich von hier aus vorgehen soll. Bitte lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage