mochiflappe
7/21/2014 - 2:32 PM

DOMをランダムに入れ替えるjQuery

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>