JQuery организовать ли заказ на основе #ID

Question

У меня есть следующий код:

<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>

Есть ли способ упорядочить эти LI, изменить их порядок на основе идентификатора LI?

Что-то вроде:

<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>

Спасибо.

Answer 1

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

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

Answer 2

Пожалуйста, попробуйте код, указанный ниже:

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); });

Я нашел это здесь .

HTH