Перемешать элементы DOM - CSS-хитрости

Это от Джеймса Падолси. Также ознакомьтесь с его статьей, чтобы узнать о технике чистого JavaScript.

Плагин

(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);

использование

Целевые элементы, вызовите перемешивание.

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