【问题标题】:HTML5 Data Attribute SortHTML5 数据属性排序
【发布时间】:2011-07-30 10:48:42
【问题描述】:

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

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

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

谢谢,

【问题讨论】:

    标签: jquery algorithm html sorting frontend


    【解决方案1】:

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

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

    【讨论】:

    • 我一直在寻找完全一样的东西。真棒,我不必从头开始!
    【解决方案2】:

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

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

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

    jsFiddle with lowest button.

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多