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>
サンプル
