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.