为了账号安全,请及时绑定邮箱和手机立即绑定

在jQuery中订购<UL> / <OL>的最简单方法是什么?

在jQuery中订购<UL> / <OL>的最简单方法是什么?

炎炎设计 2019-08-19 10:49:12
在jQuery中订购<UL> / <OL>的最简单方法是什么?我正在寻找一些示例代码,它将按字母顺序对HTML列表中的列表项进行排序。有人可以帮忙吗?以下是供人们使用的示例列表:<ul class="alphaList">     <li>apples</li>     <li>cats</li>     <li>bears</li></ul>
查看完整描述

3 回答

?
胡子哥哥

TA贡献1825条经验 获得超6个赞

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 */});


查看完整回答
反对 回复 2019-08-19
?
守着一只汪

TA贡献1872条经验 获得超3个赞

试试这个:

var elems = $('.alphalist li').detach().sort(function (a, b) {
  return ($(a).text() < $(b).text() ? -1 
        : $(a).text() > $(b).text() ? 1 : 0);}); $('.alphalist').append(elems);


查看完整回答
反对 回复 2019-08-19
  • 3 回答
  • 0 关注
  • 434 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信