我重新发布了这个问题,因为我第一次发布商品时犯了一个错误:在询问之前我没有足够努力。我想向社区道歉,要求它为我做我的工作按字母顺序对商品排序
我想按字母顺序排列div中的无序列表。不是列表项在无序列表中,而是无序列表本身。
这是HTML的样子:
<div class="FindByCategory">
<ul>
<li> B. This is the first list item in the second unordered list</li>
<li> B. This is the second list item in the second unordered list</li>
</ul>
<ul>
<li> A. This is the first list item in the first unordered list</li>
<li> A. This is the second list item in the first unordered list</li>
</ul>
</div>
我想它看起来就像这样:
<div class="FindByCategory">
<ul>
<li> A. This is the first list item in the first unordered list</li>
<li> A. This is the second list item in the first unordered list</li>
</ul>
<ul>
<li> B. This is the first list item in the second unordered list</li>
<li> B. This is the second list item in the second unordered list</li>
</ul>
</div>
这是我迄今所做的:
<script>
function sortUnorderedList(div.FindByCategory, sortDescending) {
if(typeof div.FindByCategory == "string")
div = document.getElementById(div.FindByCategory);
var uls = ul.getElementsByTagName("UL");
var vals = [];
for(var i = 0, l = uls.length; i < l; i++)
vals.push(uls[i].innerHTML);
vals.sort();
for(var i = 0, l = uls.length; i < l; i++)
uls[i].innerHTML = vals[i];
}
$(function(){
FindByCategory()
}
</script>
我真的很喜欢这个答案 - 感谢解释的步骤! –