gpt4 book ai didi

javascript - 使用 Javascript 对 UL 类子项进行排序

转载 作者:行者123 更新时间:2023-11-30 05:53:28 24 4
gpt4 key购买 nike

我对 JavaScript 还很陌生。我已经按照这条线查看了几个以前回答过的问题。我的 HTML 大致是:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.skills{
list-style:none;
padding: 0;
margin-bottom: 200px;
}
.skills li{
width: 200px;
float: left;
padding: 0;
}
</style>
</head>
<body>
<h2>Skills</h2>
<ul class="skills">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
</body>
</html>

我尝试过使用:

 <script type="text/javascript">
function sortLi()
{
var skills = [getElementsbyTagName("li")];
skills.sort();
var x=document.getElementsByTagName("li");
x.innerHTML=skills;
}
</script>

并且将 .getElementsbyTagName 与 .getElementsbyClass("skills") 交换也无济于事。我知道我做错了什么,但就是不能指责。

最佳答案

查看此解决方案 (here is a link at jsfiddle.)

var mylist = $('.skills');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) {
mylist.append(itm);
});​

这使用 jQuery 并且几乎完全从另一个 Stackoverflow 中提升回答。

基本上你有一些语法错误,你没有调用你的代码等。看看我在 jsfiddle 上链接到的工作解决方案是如何运行的,看看是否有帮助。

关于javascript - 使用 Javascript 对 UL 类子项进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13351432/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com