06-30-2023, 08:59 PM
var $content = $('.source').sort(function() {
return Math.random() - .5;
})
$('#one, #two, #three').append(function(i) {
return $content[i];
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!--Container Divs-->
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<!--Content Divs-->
<div style="display:none">
<div class="source one">Contents of source 1</div>
<div class="source two">Contents of source 2</div>
<div class="source three">Contents of source 3</div>
<div class="source four">Contents of source 4</div>
<div class="source five">Contents of source 5</div>
</div>
return Math.random() - .5;
})
$('#one, #two, #three').append(function(i) {
return $content[i];
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!--Container Divs-->
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<!--Content Divs-->
<div style="display:none">
<div class="source one">Contents of source 1</div>
<div class="source two">Contents of source 2</div>
<div class="source three">Contents of source 3</div>
<div class="source four">Contents of source 4</div>
<div class="source five">Contents of source 5</div>
</div>

