javascript – 重新排序列表元素 – jQuery？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 重新排序列表元素 – jQuery？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含694字，纯文字阅读大概需要1分钟。

内容图文

参见英文答案 > How may I sort a list alphabetically using jQuery?                                    9个
是否可以重新排序< li>使用JavaScript或纯jQuery的元素.所以,如果我有一个如下的愚蠢列表：

<ul>
    <li>Foo</li>
    <li>Bar</li>
    <li>Cheese</li>
</ul>

我如何移动列表元素？就像把list元素和Cheese放在list元素之前一样,或者把Foo移到Bar之后.

可能吗？如果是这样,怎么样？

解决方法:

var ul = $("ul");
var li = ul.children("li");

li.detach().sort();
ul.append(li);

这是一个简单的例子,其中< li>节点按默认顺序排序.我正在调用detach以避免删除与li节点关联的任何数据/事件.

您可以传递一个函数进行排序,并使用自定义比较器进行排序.

li.detach().sort(function(a, b) {
   // use whatever comparison you want between DOM nodes a and b
});

内容总结

以上是互联网集市为您收集整理的javascript – 重新排序列表元素 – jQuery？全部内容，希望文章能够帮你解决javascript – 重新排序列表元素 – jQuery？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端