数字の大きい順に要素を並べたい

Question

<ul> <li><div><p class="aaaaa">234</p></div></li> <li><div><p class="aaaaa">86</p></div>86</li> <li><div><p class="aaaaa">1234</p></div>1234</li> <li><div><p class="aaaaa">546889</p></div>546889</li> </ul>

$(document).ready(function() {
$(".testul").html(
$("li").sort(function(a, b) {
return $(a).find(".aaaaa").html() > $(b).find(".aaaaa").html() ? -1 : 1;
})
);
});

上記jqueryでは
86
546889
234
1234
と並んでしまいます。
うまく並べるにはどうしたらよいでしょうか？

Answer 1

整数として比較する必要があります。

むしろ、比較しなくても引き算するだけでも良いと思います。

$(document).ready(function() {
    $(".testul").html(
        $("li").sort(function(a, b) {
            return $(a).find(".aaaaa").html() - $(b).find(".aaaaa").html();
        })
    );
});

---

あ、大きい順なので逆でした。

$(document).ready(function() {
    $(".testul").html(
        $("li").sort(function(a, b) {
            return $(b).find(".aaaaa").html() - $(a).find(".aaaaa").html();
        })
    );
});

Comments

[toss]

できました！ありがとうございます！

Answer 2

$('li').sort(function(a, b){
    return  (isNaN(a) || isNaN(b) ?
        a > b : +a > +b
    ) ?
        inverse ? -1 : 1 :
        inverse ? 1 : -1;
});

Comments

[toss]

すみません。書き忘れがありましたのでご覧ください。m( )m