Отсортировать div с помощью jquery

6k
Алексей,
Отсортировать div с помощью jquery

Задача: сортировка группы элементов DOM с помощью js/jquery по полю сортировки

Задача: сортировка группы элементов DOM с помощью js/jquery по полю сортировки

<div id="list">
	<div class="item" data-sort="3">Картошка</div>
	<div class="item" data-sort="5">Яблоко</div>
	<div class="item" data-sort="1">Апельсин</div>
	<div class="item" data-sort="4">Морковь</div>
	<div class="item" data-sort="2">Банан</div>
</div>

Решение:

items = $('#list .item');
arItems = $.makeArray(items);
arItems.sort(function(a, b) {
	return $(a).data("sort") - $(b).data("sort")
});
$(arItems).appendTo("#list");

Результат:

Апельсин
Банан
Картошка
Морковь
Яблоко

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 25 августа 2017 | Обновлено 3 ноября 2021
jquery, верстка, разработчику
Поделиться
Похожие статьи
jquery поиск выбранного input:focus
Варианта два: $('input:focus'), либо при клике на input добавлять ему класс.
Читать дальше » 0
Алексей,
Скорость обработки css браузером
Браузеры анализируют CSS селекторы справа налево. Если у вас есть селектор "body .content p&quo...
Читать дальше » 0
Алексей,
Комментарии
❮…❯
Авторизуйтесь чтобы получать уведомления об ответе
Задача: сортировка группы элементов DOM с помощью js/jquery по полю сортировки