jQuery arrange li order base on #ID

Question

Hi, I have the following code:

<ul>
<li id="project_25">Proj Something</li>
<li id="project_26">Proj Blah</li>
<li id="project_27">Proj Else</li>
<li id="project_31">Proj More</li>
...
</ul>

Is there a way to arrange these LIs, reverse their order, based on the LI ID?

Something like:

<ul>
<li id="project_31">Proj More</li>
<li id="project_27">Proj Else</li>
<li id="project_26">Proj Blah</li>
<li id="project_25">Proj Something</li>
...
</ul>

Thank you.

Answer 1

Please try the code given below:

var mylist = $('ul');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
   var compA = $(a).text().toUpperCase();
   var compB = $(b).text().toUpperCase();
   return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });

I found this here.

HTH

Answer 2

    var arr = $('li').get();    
    arr.reverse();

    $.each(arr, function(i,v){
      $('ul').append(this);
    });

Kind Regards

--Andy