Html 如何分类<；ul>；列表

可能重复：

我有一个：

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

随时
现金很好
现在就做

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

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

基于一个示例，请查看以下内容：

var ul=$（“ul”）；
var arr=$.makeArray（ul.children（“li”）；
arr.sort（函数（a，b）{
var textA=+$（a）.text（）；
var textB=+$（b）.text（）；
如果（textAtextB）返回1；
返回0；
});
ul.empty（）；
$.each（arr，function（）{
ul.附加（本）；
});

HTML

随时
现金很好
现在就做

根据一个示例，检查以下内容：

var ul=$（“ul”）；
var arr=$.makeArray（ul.children（“li”）；
arr.sort（函数（a，b）{
var textA=+$（a）.text（）；
var textB=+$（b）.text（）；
如果（textAtextB）返回1；
返回0；
});
ul.empty（）；
$.each（arr，function（）{
ul.附加（本）；
});

HTML

随时
现金很好
现在就做

没有，但您需要JavaScript。目前，这不能用纯CSS/HTML.Java来完成吗？不，JavaScript？如果你愿意的话。你首先是如何添加文章的？我是说java脚本-对不起！使用jQuery可以轻松完成吗？不，但是您需要JavaScript。目前，使用纯CSS/HTML.Java无法实现这一点？不，JavaScript？如果你愿意的话。你首先是如何添加文章的？我是说java脚本-对不起！可以轻松地使用jQuery吗？

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);
});

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