I have a set of开发者_C百科 divs with random ids:
<div id="container">
<div id="2"></div>
<div id="9"></div>
<div id="7"></div>
<div id="1"></div>
<div id="4"></div>
</div>
Is there a fast way to sort them according to their id values using jQuery? Thank you.
I'd use the tinysort plugin:
http://tinysort.sjeiti.com/
In your case it would be something like:
$("#container > div").tsort("",{attr:"id"});
There are plugins and the like to do sorting of elements. If you plan on actually re-ordering the DOM elements, you should probably use one of them.
If you just want a sorted list of the divs, you can use Javascript - since arrays can be sorted using a custom comparison function. You can convert the selected set of <div>
s into an array using toArray()
and then sort them using this mechanism.
$('#container > div').toArray().sort( function(a,b) { a.id - b.id } );
You could also use the detach()
and appendTo()
method to remove and the re-insert the elements in sorted order. However, this may not be the most efficient way to re-order the DOM elements.
Try my jquery plugin $.toArrayouter
, using Underscore library.
$('#container').html(_.sortBy($('#container>div').toArrayouter(),function (name) {return name} ).join(''))
Demo : http://jsfiddle.net/abdennour/fDZjR/1/
精彩评论