1. ホーム
  2. ジャバスクリプト

[解決済み]どのように私はjQueryを使用してアルファベット順にリストを並べ替えることができますか?

2022-04-02 23:51:58

質問

私はここで少し私の深さから、これは実際に可能であることを期待しています。

リストのすべての項目をアルファベット順に並べ替える関数を呼び出したいのですが、どうすればいいですか?

jQueryのUIでソートを調べてみたのですが、それらしいものがありません。何か考えがありますか?

どのように解決するのですか?

あなたは ない にはjQueryが必要です...。

function sortUnorderedList(ul, sortDescending) {
  if(typeof ul == "string")
    ul = document.getElementById(ul);

  // Idiot-proof, remove if you want
  if(!ul) {
    alert("The UL object is null!");
    return;
  }

  // Get the list items and setup an array for sorting
  var lis = ul.getElementsByTagName("LI");
  var vals = [];

  // Populate the array
  for(var i = 0, l = lis.length; i < l; i++)
    vals.push(lis[i].innerHTML);

  // Sort it
  vals.sort();

  // Sometimes you gotta DESC
  if(sortDescending)
    vals.reverse();

  // Change the list on the page
  for(var i = 0, l = lis.length; i < l; i++)
    lis[i].innerHTML = vals[i];
}

使い勝手がいい...

sortUnorderedList("ID_OF_LIST");

ライブデモ →