Сортировка списка по размеру

Question

Итак, у меня есть кое-что, что:

<ul id="list">
<li class="item">
<a>
<span class="name> name1 </span>
</a>
<a>
<span class="name> name2 </span>
</a>
<a>
<span class="name> name3 </span>
</a>
</li>
</ul>

Как мне отсортировать этот список по названию по алфавиту?

С уважением

Answer 1

Попробуйте этот плагин:

http://james.padolsey.com/javascript/sorting-elements-with-jquery/

с помощью пользовательского компаратора, что-то вроде этого:

$('li').sortElements(function(a, b){
    return $(a).find('.name').text() > $(b).find('.name').text() ? 1 : -1;
});

Answer 2

• демо http://jsbin.com/itudoc/2

$(function() {
    var names = elements = [];
    $('.item .name').each(function(i, item) {
        var name = $.trim($(this).text()) + '_' + i;
        names[i] = name;
        elements[name] = $(this).parent().remove().clone();
    });
    $.each(names.sort(),function(i, item) {
        $('.item').append(elements[item]);
    });
});

Answer 3

Для простых случаев вам даже не нужен плагин.Этот код помог мне отсортировать список ссылок:

function sortAlpha(a,b){
    return $(a).find('a').text().toLowerCase() > $(b).find('a').text().toLowerCase() ? 1 : -1;
};

$('#thelist li').sort(sortAlpha).appendTo('#thelist');

Нет необходимости использовать теги span с этим методом.

(основная идея не моя, я скопировал еегде-то, но не помню, откуда.)