如何用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> 展开
<ul>
<li>b</li>
<li>a</li>
<li>d</li>
<li>c</li>
</ul> 展开
3个回答
展开全部
思路:
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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询