Отсортировать div с помощью 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
jquery, верстка, разработчику

Возврат к списку

Комментарии