如何排序<ul>列表？</ul>

Question

  

可能重复：
  Sort an html list with javascript

我有一个：

<ul>
<li>Anytime</li>
<li>Cash is good</li>
<li>Do it now!</li>
</ul>

我不断添加新文章。我希望它们按字母顺序排列，而无需手动重新排列。 我用纯HTML和CSS编写了我的网站（我不从数据库中获取信息）。

我该如何解决这个问题？我需要Java脚本吗？

Answer 1

根据示例here，请查看：

var ul = $("ul");
var arr = $.makeArray(ul.children("li"));

arr.sort(function(a, b) {
    var textA = +$(a).text();
    var textB = +$(b).text();

    if (textA < textB) return -1;
    if (textA > textB) return 1;

    return 0;
});

ul.empty();

$.each(arr, function() {
    ul.append(this);
});

HTML

<ul>
    <li>Anytime</li>
    <li>Cash is good</li>
    <li>Do it now!</li>
</ul>