@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>
  • Вопрос задан
  • 6158 просмотров
Решения вопроса 1
AlekseyNemiro
@AlekseyNemiro
full-stack developer
Пример с использованием jQuery:
$('li[sort]').sort(function (a, b) {
  return parseInt($(a).attr('sort'), 10) < parseInt($(b).attr('sort'), 10) ? -1: 1;
}).appendTo('ul');

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

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

Вот еще пример, с изменением направления сортировки.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
jlekapb
@jlekapb
.do
Привет, лучше все же использовать data-* атрибут, те data-sort.

jsfiddle.net/lkp_chg/1b324kxf

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

var $wrapper = $('ul');

$wrapper.find('li').sort(function (a, b) {
    return +a.dataset.sort - +b.dataset.sort;
})
.appendTo( $wrapper );
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
18 июн. 2024, в 23:10
15000 руб./за проект
18 июн. 2024, в 20:15
500 руб./за проект