Any way to shuffle content in multiple div elements

Question

I\'m relatively new to Javascript and was wondering if there\'s a quick way to shuffle content that is contained in multiple

tags. For example

Answer 1

Expanding on the nice answer by @gilly3, using jQuery one can actually avoid appending randomly-chosen elements of divs in a loop, by randomly sorting divinstead and appending them all at once:

$(function() {
  var parent = $("#shuffle");
  var divs = parent.children();
  divs.sort(function(a, b) {
    return 0.5 - Math.random();
  });
  parent.append(divs);
});

Demo: http://jsfiddle.net/ey70Lxhk/

Note however that this technique is not accurate in terms of randomness, and relies on sort which does not scale linearly with the number of elements.