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.

questionAnswers(2)

yourAnswerToTheQuestion