html - 如何排序列表？

Question

可能重复：
使用 javascript 对 html 列表进行排序

我有一个 ：

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

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

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

Answer 1

基于此处的示例，请查看：

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>