HTML5数据属性排序

发布于 2024-10-31 02:41:52 字数 311 浏览 2 评论 0原文

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

示例代码可以在以下位置查看: http://jsfiddle.net/gercheq/zhqXd/

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

谢谢,

I'd like to sort DOM elements that has data attributes defined for rating and date. What is the best way to implement sorting on the front-end with jQuery?

Sample code can be seen on: http://jsfiddle.net/gercheq/zhqXd/

Here is the desired functionality implemented with tables: http://tablesorter.com/docs/

Thanks,

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

情感失落者 2024-11-07 02:41:52

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

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

There is a cool jQuery plugin that sorts DOM elements by attribute. You can find it here: http://tinysort.sjeiti.com/

Example implementation: http://jsfiddle.net/statico/JNFFj/7/

话少情深 2024-11-07 02:41:52

这是基本思想......

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

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

jsFiddle 带有最低按钮

Here is the basic idea...

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

You select the elements, convert them to a proper array, and then sort (the comparison function I used is an example, change it to suit your requirements).

jsFiddle with lowest button.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文