Сортировка атрибутов данных HTML5

#jquery #algorithm #html #sorting #frontend

#jquery #алгоритм #HTML #сортировка #интерфейс

Вопрос:

Я хотел бы отсортировать элементы DOM, для которых определены атрибуты данных для рейтинга и даты. Каков наилучший способ реализовать сортировку во внешнем интерфейсе с помощью jQuery?

Пример кода можно увидеть на: http://jsfiddle.net/gercheq/zhqXd /

Вот желаемая функциональность, реализованная с помощью таблиц: http://tablesorter.com/docs /

Спасибо,

Ответ №1:

Есть классный плагин jQuery, который сортирует элементы DOM по атрибуту. Вы можете найти это здесь: http://tinysort.sjeiti.com /

Пример реализации: http://jsfiddle.net/statico/JNFFj/7 /

Комментарии:

1. Я искал что-то ТОЧНО такое. Потрясающе видеть, что мне не нужно начинать с нуля!

Ответ №2:

Вот основная идея…

 var sortedSet = $('#sort li').toArray().sort(function(a, b) {
   return $(a).data('rating') - $(b).data('rating');
});
  

Вы выбираете элементы, преобразуете их в правильный массив, а затем сортируете (функция сравнения, которую я использовал, является примером, измените ее в соответствии с вашими требованиями).

jsFiddle с самой низкой кнопкой.