Przetasuj wszystkie DIVS w tej samej klasie
Potrzebuję: Oryginalny stan:
<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>
Po Shuffle:
<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>
Divy w pierwszej div pozostają tam, ale zostają przetasowane i to samo dzieje się w przypadku drugiego div z tą samą klasą. Aby przetasować div wewnątrz określonego div, używam czegoś takiego:
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
}
Nazywa się kłamstwem:shuffle('#parent .divclass')
Gdzie wszystkie Divy z klasądivclass
są w środku#parent
Myślę, że powinien zacząć coś takiego
function shuffle() {
$(".shuffledv").each(function() {
a następnie wykonaj jakąś formę oryginalnej funkcji, ale w tym momencie właśnie całkowicie się zagubiłem. Nie mam pojęcia, jak stąd iść dalej. Daj mi znać, jeśli potrzebujesz więcej informacji.