猿问

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

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

我正在寻找一些示例代码,它将按字母顺序对HTML列表中的列表项进行排序。有人可以帮忙吗?

以下是供人们使用的示例列表:

<ul class="alphaList">
    <li>apples</li>
    <li>cats</li>
    <li>bears</li></ul>


炎炎设计
浏览 457回答 3
3回答

胡子哥哥

var&nbsp;items&nbsp;=&nbsp;$('.alphaList&nbsp;>&nbsp;li').get();items.sort(function(a,b){ &nbsp;&nbsp;var&nbsp;keyA&nbsp;=&nbsp;$(a).text(); &nbsp;&nbsp;var&nbsp;keyB&nbsp;=&nbsp;$(b).text(); &nbsp;&nbsp;if&nbsp;(keyA&nbsp;<&nbsp;keyB)&nbsp;return&nbsp;-1; &nbsp;&nbsp;if&nbsp;(keyA&nbsp;>&nbsp;keyB)&nbsp;return&nbsp;1; &nbsp;&nbsp;return&nbsp;0;});var&nbsp;ul&nbsp;=&nbsp;$('.alphaList');$.each(items,&nbsp;function(i,&nbsp;li){ &nbsp;&nbsp;ul.append(li);&nbsp;/*&nbsp;This&nbsp;removes&nbsp;li&nbsp;from&nbsp;the&nbsp;old&nbsp;spot&nbsp;and&nbsp;moves&nbsp;it&nbsp;*/});

守着一只汪

试试这个:var&nbsp;elems&nbsp;=&nbsp;$('.alphalist&nbsp;li').detach().sort(function&nbsp;(a,&nbsp;b)&nbsp;{ &nbsp;&nbsp;return&nbsp;($(a).text()&nbsp;<&nbsp;$(b).text()&nbsp;?&nbsp;-1&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;$(a).text()&nbsp;>&nbsp;$(b).text()&nbsp;?&nbsp;1&nbsp;:&nbsp;0);});&nbsp;$('.alphalist').append(elems);
随时随地看视频慕课网APP

相关分类

JQuery
我要回答