Mezclar elementos DOM - Trucos CSS

Esto es de James Padolsey. Consulte este artículo para conocer también una técnica pura de JavaScript.

Enchufar

(function($)( $.fn.shuffle = function() ( var allElems = this.get(), getRandom = function(max) ( return Math.floor(Math.random() * max); ), shuffled = $.map(allElems, function()( var random = getRandom(allElems.length), randEl = $(allElems(random)).clone(true)(0); allElems.splice(random, 1); return randEl; )); this.each(function(i)( $(this).replaceWith($(shuffled(i))); )); return $(shuffled); ); ))(jQuery);

Uso

Elementos de destino, reproducción aleatoria de llamadas.

$('ul#list li').shuffle();