JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<div class="random"> 1 </div>
<div class="random"> 2 </div>
<div class="random"> 3 </div>
<div class="random"> 4 </div>
<div class="random"> 5 </div>
<div class="random"> 6 </div>
<div class="random"> 7 </div>
<div class="random"> 8 </div>
</div>
JavaScript
$(function() {
$(window).load(function(){
$("div.container").randomize("div.random");
});
});
(function($) {
$.fn.randomize = function(childElem) {
return this.each(function() {
var $this = $(this);
var elems = $this.children(childElem);
elems.sort(function() { return (Math.round(Math.random())-0.8); });
$this.remove(childElem);
for(var i=0; i < elems.length; i++)
$this.append(elems[i]);
});
}
})(jQuery);