HTML5数据属性排序

时间:2011-04-06 01:22:29

标签: jquery algorithm html5 sorting frontend

我想对具有为评级和日期定义的数据属性的DOM元素进行排序。使用jQuery在前端实现排序的最佳方法是什么?

示例代码可以在http://jsfiddle.net/gercheq/zhqXd/

上看到

以下是使用表格实现的所需功能:http://tablesorter.com/docs/

谢谢,

2 个答案:

答案 0 :(得分:8)

有一个很酷的jQuery插件可以按属性对DOM元素进行排序。您可以在此处找到它:http://tinysort.sjeiti.com/

示例实施:http://jsfiddle.net/statico/JNFFj/7/

答案 1 :(得分:4)

这是基本想法......

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

您选择元素,将它们转换为正确的数组,然后排序(我使用的比较函数是一个示例,根据您的要求进行更改)。

jsFiddle with lowest button