DOM Öğelerini Karıştır - CSS Hileleri

Bu James Padolsey'den. Saf bir JavaScript tekniği için makalesine de göz atın.

Eklenti

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

Kullanım

Hedef unsurlar, karıştırmayı çağırın.

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