订购<UL>/<OL>的最简单方法是什么?在 jQuery 中? [英] What is the easiest way to order a <UL>/<OL> in jQuery?
本文介绍了订购<UL>/<OL>的最简单方法是什么?在 jQuery 中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在寻找一些示例代码,可以按字母顺序对 HTML 列表中的列表项进行排序.有人可以帮忙吗?
I'm looking for some sample code that will sort the list items in an HTML list by alphabetical order. Can anyone help?
以下是供工作人员使用的示例列表:
Here is a sample list for people to work with:
<ul class="alphaList">
<li>apples</li>
<li>cats</li>
<li>bears</li>
</ul>
推荐答案
var items = $('.alphaList > li').get();
items.sort(function(a,b){
var keyA = $(a).text();
var keyB = $(b).text();
if (keyA < keyB) return -1;
if (keyA > keyB) return 1;
return 0;
});
var ul = $('.alphaList');
$.each(items, function(i, li){
ul.append(li); /* This removes li from the old spot and moves it */
});
这篇关于订购<UL>/<OL>的最简单方法是什么?在 jQuery 中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文