Что мне нужно сделать, это: Исходное состояние:

<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>

После 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>

Div внутри первого div остаются там, но перемешиваются, и то же самое происходит для второго div с тем же классом. Чтобы перемешать div внутри определенного div, я использую что-то вроде этого:

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
}

Называется ложь это:shuffle('#parent .divclass') Где все Div с классомdivclass находятся внутри#parent Я думаю, что это должно начать что-то вроде

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

и затем сделайте, некоторую форму исходной функции, но я только что полностью потерян в этой точке. Я понятия не имею, как идти вперед отсюда. Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.