按字母顺序对无序列表进行排序

2024-01-12

我想按字母顺序对无序列表进行排序。我尝试了许多不同的 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/ https://jsfiddle.net/vzbgzexc/

确保您正在加载 jQuery。看起来代码中的任何地方都没有加载 jQuery,但您正在使用$。您可能会在浏览器控制台中收到类似于以下内容的错误:

ReferenceError: $ is not defined

Insert:

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>

希望有帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

按字母顺序对无序列表进行排序 的相关文章

随机推荐