如何用jquery对列表进行排序?

我是用的无需列表ul,如下:<ul><li>b</li><li>a</li><li>d</li><li>c</li></ul>... 我是用的无需列表ul,如下:
<ul>
<li>b</li>
<li>a</li>
<li>d</li>
<li>c</li>
</ul>
展开
 我来答
woshidaniel
2015-08-23 · TA获得超过9240个赞
知道小有建树答主
回答量:1760
采纳率:96%
帮助的人:948万
展开全部

思路:

1、利用jquery选择器获取li数组和ul节点

2、通过数组的sort方法对li进行排序

3、根据ul节点,清空原来li,再把排序后的li节点添加进去

代码:

<script>
function onTest(){
  var arr =   $('li');
  arr.sort(function(a,b){
    return a.innerHTML>b.innerHTML?1:-1;
  });//对li进行排序,这里按照从小到大排序
  $('ul').empty().append(arr);//清空原来内容添加排序后内容。
}
</script>
</head>
<body>
<ul>
 <li>b</li>
 <li>a</li>
 <li>d</li>
 <li>c</li>
</ul>
<a  onclick="onTest();">按钮</a>
</body>
</html>
百度网友dfb61d1b0
2011-09-07 · TA获得超过404个赞
知道小有建树答主
回答量:385
采纳率:66%
帮助的人:151万
展开全部
先读取li 的innerHtml ,放入数组中,调用数组的sort()方法
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tianlai1006
2011-09-07 · TA获得超过347个赞
知道小有建树答主
回答量:365
采纳率:0%
帮助的人:290万
展开全部
呵呵 直接写 序号不就行了 序号写成背景
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式