<div class="inner"> text1 1 2 "> <div class="inner"> text1 1 2 "> <div class="inner"> text1 1 2 " />

javascript/jqueryを使用してテキストに基づいてDOM内の要素をソートする

以下は私のhtml構造です:

<div class="qotd">
    <div class="inner">
                

text1
1 2

</div> </div>

上記の構造を異なる数で8回繰り返す。

i have ahref tags acting as buttons to sort the p based on the uptext and downtext

Sort by upvotes
    

Sort by downvotes

私はupvotesまたはdownvotesに基づいて段落を並べ替えるために、次のjqueryを書いた:

$(function){
$("#pos").click(function(e) {
    console.log("up");
        e.preventDefault();
        $('.inner').sort(function(a, b) {

            return parseInt($('.uptext', b).text(), 10) - parseInt($('.uptext', a).text(), 10) ;
        }).appendTo('div.qotd');
    });

    $("#neg").click(function(e) {
      console.log("down");
        e.preventDefault();
        $('.inner').sort(function(a, b) {
            return parseInt($('downtext', b).text(), 10) - parseInt($('.downtext', a).text(), 10);
        }).appendTo('div.qotd');
    });
}

The jsfiddle is here Despite all the above i do not get the correct result, where am i going wrong?

0
$( 'downtext'、b).text() $でなければなりません。
追加された 著者 Felix Kling,
@ user902620あなたのjsfiddleが実行を停止させるエラーを投げます。開発者コンソールでエラーを確認してください。
追加された 著者 Jasper,
どのような結果が得られますか、間違った順序でソートされていますか、またはエラーがスローされていますか?
追加された 著者 ggreiner,
それを確認してください。
追加された 著者 whatf,
編集したリンクを更新しました。
追加された 著者 whatf,

1 答え

あなたは $(function(){ .readyハンドラ .downtext セレクタのいずれかにタイプミスがありました。少し入って

return +$(b).find('.uptext').text() - +$(a).find('.uptext').text();

See http://jsfiddle.net/Escf3/3/

まだまだ疑わしい操作です。これらのソート関数+ jQueryオーバーヘッドを呼び出すたびに、多くのクエリ/ DOMクロールが実行されています。

1
追加された
@ user902620: parseInt()の使用には何も問題はありませんが、ここであなたの目的に合っていると思います。 + は文字列を数値バージョンにキャストします(数値を扱っている場合)。そうでない場合は NaN を返します。
追加された 著者 jAndy,
@ user902620:こちらをご覧ください。それはそれを書くためのほんの短い方法です。 $(a、b)は内部的に $(b).find(a)を呼び出します。
追加された 著者 Felix Kling,
このソートとセレクターが実際にどのように働いているのか、私は理解できませんでした。
追加された 著者 whatf,
何が間違っていますか?return parseInt($( '。uptext'、b).text()、10) - parseInt($( '。uptext'、a).text()、10);
追加された 著者 whatf,
あなたの努力に感謝します!
追加された 著者 whatf,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript