Jak sortować elementy div zgodnie z ich identyfikatorem za pomocą jQuery?

Question

Mam zestaw div losowymi identyfikatorami:

<div id="container"> 
    <div id="2"></div> 
    <div id="9"></div> 
    <div id="7"></div> 
    <div id="1"></div> 
    <div id="4"></div> 
</div> 

Czy istnieje szybki sposób, aby je uporządkować według ich wartości id przy użyciu jQuery? Dziękuję.

Answer 1

bym użyć wtyczki tinysort:

http://tinysort.sjeiti.com/

W twoim przypadku to byłoby coś takiego:

$("#container > div").tsort("",{attr:"id"});

Answer 2

Istnieją wtyczki i jak zrobić sortowania elementów . Jeśli planujesz ponownie zamawiać elementy DOM, prawdopodobnie powinieneś użyć jednego z nich.

Jeśli chcesz posortowaną listę elementów div, możesz użyć Javascript - ponieważ tablice mogą być sortowane przy użyciu niestandardowej funkcji porównania. Możesz przekonwertować wybrany zestaw <div> s na tablicę przy użyciu toArray(), a następnie posortuj je za pomocą tego mechanizmu.

$('#container > div').toArray().sort(function(a,b) { a.id - b.id }); 

Można również użyć metody detach() i appendTo() usunąć i ponownie wstawić elementów posortowanych. Jednak może to nie być najbardziej efektywny sposób na ponowne zamówienie elementów DOM.

Answer 3

Wypróbuj moją wtyczkę jquery $.toArrayouter, używając biblioteki podkreślników.

$('#container').html(_.sortBy($('#container>div').toArrayouter(),function (name) {return name}).join('')) 

Demo: http://jsfiddle.net/abdennour/fDZjR/1/