ansaurus

Question

Answer 1

+2 A:

Let's assume your li nodes had ids.

<ul id="test">
   <li id="4112">blub</li>
   <li id="1422">blaaah</li>
   <li id="6640">hmmmm</li>
   <li id="2221">one more</li>
</ul>

Then you could just call javascripts native array .sort() method, since jQuery wrapped sets are hold in Arrays:

$(function(){
    var elems = $('#test').children('li').remove();
    elems.sort(function(a,b){
        return parseInt(a.id) > parseInt(b.id);
    });
    $('#test').append(elems);
});

Working example: http://www.jsfiddle.net/3uYUq/

jAndy 2010-09-02 19:29:44

That was perfect, thanks jAndy!

joe 2010-09-02 19:36:29

Apparently in Safari, you need `-` instead of `>`.

patrick dw 2010-09-02 19:42:28

@patrick: interesting, so you would need to change the order if you want to have an ascending list?

jAndy 2010-09-02 19:56:36

jAndy - That appears to be the case.

patrick dw 2010-09-02 20:06:11

Answer 2

A:

jAndy beat me to the punch. Here's mine.

$(function() {
  $("li").sort(function(left, right) {
    return parseInt($(left).attr("id")) - parseInt($(right).attr("id"));
  }).each(function() { $("ul").append($(this)); });
});

I'll add that you need

$(function() {

for your IE6 users because IE6 will crash if you try to remove elements from the dom before their parent elements load.

Also, .remove() is redundant because .append() takes care of that.

Dave Aaron Smith 2010-09-02 19:41:35

ansaurus

tags:

views:

answers:

How to sort LI's based on their ID

related questions