Перемешать порядок некоторых звеньев

Question

у меня есть такой код (статический):

<a href="#">link 1</a> 
<a href="#">link 2</a> 
<a href="#">link 3</a> 

Я хотел бы знать, если это возможно, чтобы прочитать эти <a> теги и рандомизации порядок их с JQuery, так что (например):

<a href="#">link 1</a> 
<a href="#">link 3</a> 
<a href="#">link 2</a> 

Answer 1

var elems = $('a'); 
elems.sort(function() { return (Math.round(Math.random())-0.5); }); 
for(var i=0; i < elems.length; i++) elems.parent().append(elems[i]); 

FIDDLE

Answer 2

Это вернет ссылки в случайном порядке.

$("a").sort(function() {return 0.5 - Math.random()}) 

Так что я думаю, если вы поместите ссылки в контейнере, то вы можете населить его с переупорядоченным массивом.

Answer 3

Вы можете сделать это в вашем MySQL Query в первую очередь с помощью ORDER BY RAND() или с помощью Jquery можно присвоить идентификатор для каждого а теги и добавлять его в случайном порядке его родительского элемента с помощью этого плагина: Random - jQuery plugin

Answer 4

Все, звук хороший, но вы могли бы сделать простой плагин в примерно так:

(function($) { 
    $.fn.extend({ 
     randomize: function() { 
      return $.randomize($(this).get()); 
     } 
    }); 
    $.randomize = function(arr) { 
     for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); 
     return $(arr); 
    }; 
})(jQuery); 

А затем использовать его в качестве такового:

$("#someEleID").prepend($("a").randomize()); 

или:

$("#someEleID").prepend($.randomize($("a")));