DOMをランダムに入れ替えるjQuery
$(function () {
var parent = $('#shuffle');
var children = parent.children();
var number = children.length;
children.each(function () {
children.eq(Math.floor(Math.random() * number)).prependTo(parent);
});
});
<ul id="shuffle">
<li><a href="1">1</a></li>
<li><a href="2">2</a></li>
<li><a href="3">3</a></li>
<li><a href="4">4</a></li>
<li><a href="5">5</a></li>
<li><a href="6">6</a></li>
<li><a href="7">7</a></li>
<li><a href="8">8</a></li>
</ul>