![](/img/trans.png)
[英]jQuery sort unordered list alphabetically and numerically based on inner element value(s)
[英]Sort an unordered list alphabetically
我想按字母顺序排序无序列表。 我尝试了很多不同的javascript解决方案,其中没有一个工作(在Safari和Chrome中测试过)。 这是我想要使用的代码:
var activeLanguage = "de" function sortUL(selector) { var $ul = $(selector); $ul.find('li').sort(function(a, b) { var upA = $(a).text().toUpperCase(); var upB = $(b).text().toUpperCase(); return (upA < upB) ? -1 : (upA > upB) ? 1 : 0; }).appendTo(selector); }; $(document).ready(function() { sortUL("#WoodList"); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <ul id="WoodList"> <li>Banana</li> <li>Catv</li> <li>Apple</li> <li>Orange</li> <li>Car</li> <li>Pear</li> <li>Banana</li> <li>Cat2</li> <li>Apple4</li> <li>Banana1</li> <li>Cat</li> <li>Apples</li> <li>Banana</li> <li>Cat</li> </ul>
该列表在浏览器中保持未分类状态。 为什么不起作用?
这是一个关于JSFiddle的工作示例: https ://jsfiddle.net/vzbgzexc/
确保你正在加载jQuery。 在你加载jQuery的代码中,它看起来并不像你在使用$
。 您可能在浏览器控制台中收到类似以下错误:
ReferenceError: $ is not defined
插入:
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
希望有所帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.