Отсортировать 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");
Результат:
Апельсин
Банан
Картошка
Морковь
Яблоко
Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.