Упорядочивание возвращаемых элементов из вызова .each () с использованием .data ()

Question

У меня есть список HTML с различными значениями, прикрепленными к каждому <li>.

Могу ли я заказать элементы на основе соответствующего значения .data()?

Это позволяет создать сводную панель с записями, отсортированными по .data('DataValueX').

Просто чтобы уточнить, мне не нужно сортировать исходные элементы, просто используйте данные из них для создания новой сводной панели.

Answer 1

JavaScript имеет собственный метод с именем .sort (sort_function) , который можно использовать для сортировки любого массива.В этом случае у вас есть коллекция объектов jQuery со стеком элементов массива.

Проверьте мой fiddle , чтобы увидеть его демонстрацию в действии.

$(function() {
    var myArray = $('li').get();  

    myArray.sort(function(x,y) {
        return $(x).data('color') > $(y).data('color') ? 1 : -1;
    });

    $('ul').empty().append(myArray);
});