jQueryでリストのソート

リストを並び替え(昇順、降順)

jQuery

$(function () { $('ul').html( $('li').sort(function(a, b) { // 昇順 if ($(a).text() > $(b).text()) { // 降順 // if ($(a).text() < $(b).text()) { return 1; } else { return -1; } }) ); });

HTML

<ul> <li>Apple</li> <li>Banana</li> <li>Cat</li> <li>Dog</li> <li>Coffee</li> <li>Milk</li> <li>Tennis</li> <li>Basketball</li> </ul>

ソート対象が数字。

jQuery

$(function () { $('ul').html( $('li').sort(function(a, b) { var x = Number($(a).text()); var y = Number($(b).text()); // 昇順 return x - y; // 降順 // return y - x; }) ); });

HTML

<ul> <li>31</li> <li>41</li> <li>59</li> <li>26</li> <li>53</li> <li>58</li> <li>97</li> <li>93</li> </ul>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について