1
我排序,看起来像这样的列表:排序锚不排序嵌套列表
<ul class = "demoOne">
<li><a href="http://somelink.com">Some text</a></li>
<li><a href="http://somelink.com">Some more text</a>
<ul>
<li><a href="http://somelink.com">Some nested text</a></li>
<li><a href="http://somelink.com">Some more nested Text</a></li>
<li><a href="http://somelink.com">Even more nested Text</a></li>
</ul>
</li>
<li><a href="http://somelink.com">Still more text</a></li>
<li><a href="http://somelink.com">Even more text</a></li>
</ul>
我发现这个解决方案在another question:
$(function() {
$.fn.sortList = function() {
var mylist = $(this);
var listitems = $('li', mylist).get();
listitems.sort(function(a, b) {
var compA = $(a).text().toUpperCase();
var compB = $(b).text().toUpperCase();
return (compA < compB) ? -1 : 1;
});
$.each(listitems, function(i, itm) {
mylist.append(itm);
});
}
$("ul#demoOne").sortList();
});
我”问题我的意思是,这需要我所有的嵌套链接并将它们插入到外部列表中。
所以我最终得到的是,像这样的列表:
- 更嵌套文本
- 更文本
- 有些多个嵌套文本
- 一些嵌套文本
- 更多文字
- 部分文字
- 更多文字
我该如何解决这个问题?
我只是学习jQuery和完全失去了我在这里的深度,所以请去容易。