Сортировать список HTML с помощью JavaScript

Question

У меня есть набор из трех элементов списка, которые я хотел бы автоматически отображать от высокого до низкого при загрузке страницы. В идеале, используя jquery или javascript.

<ul class="list">
<li id="alpha">32</li>
<li id="beta">170</li>
<li id="delta">28</li>
</ul>

Каждый элемент списка должен иметь свой собственный идентификатор, потому что у каждого из них есть отдельные фоновые изображения. Числа должны быть текстовыми узлами, чтобы пользователь мог их редактировать.

Answer 1

с помощью jQuery для справки:

var sortFunction = function(a, b) {
    return (+($(b).text())) - (+($(a).text()));
}
var lis = $('ul.list li');
lis = Array.prototype.sort.call(lis, sortFunction);

for (var i = 0; i < lis.length; i++) {
    $('ul.list').append(lis[i]);
}

Fiddle Link