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>