Как отсортировать элементы по атрибуту?

Question

Иван Антонов @antonowano

Профессиональный самоучка

Как отсортировать элементы по атрибуту?

Как лучше отсортировать в DOMe элементы по атрибуту sort?

<ul>
    <li sort="2">Суп</li>
    <li sort="1">Салат</li>
    <li sort="5">Сок</li>
    <li sort="4">Плов</li>
    <li sort="3">Банан</li>
</ul>

Вопрос задан более трёх лет назад
6245 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Answer 1 · 2015-01-24 16:06:03

Пример с использованием jQuery:

$('li[sort]').sort(function (a, b) {
  return parseInt($(a).attr('sort'), 10) < parseInt($(b).attr('sort'), 10) ? -1: 1;
}).appendTo('ul');

Посмотреть результат.

И да, для пользовательских атрибутов лучше использовать префикс data-, чтобы все соответствовало стандартам :-)

Вот еще пример, с изменением направления сортировки.

Как отсортировать элементы по атрибуту?

Войдите на сайт