クエリ要素のセットが、特定の順序

Question

にIはnameをそれぞれ有する<div>要素の束を持っています。私はjQueryのを使用して<div>の要素を照会したいと思いますが、私は彼らがnameに関してアルファベット順に来てほしいです。通常のコード

$("div").doStuff() 

特別な順序で要素を返しません。

Answer 1

$($("div").get().sort(function(a,b){ 
    if($(a).attr("name") === $(b).attr("name")) 
     return 0; 
    return $(a).attr("name") < $(b).attr("name") ? -1 : 1; 
})).each(function(){ $(this).doStuff(); }); 

Answer 2

通常のJS配列に要素のリストを取得し、その配列を名前でソートし、jQueryオブジェクトに戻してからソートして最終的な操作を呼び出す以外の方法はありません注文。

function compareNameAlpha(a, b) { 
    var n1 = a.getAttribute("name"); 
    var n2 = b.getAttribute("name"); 

    if (n1 < n2) return(-1); 
    if (n1 == n2) return(0); 
    return(1); 
} 

var elArray = $("div").toArray().sort(compareNameAlpha); 
$(elArray).doStuff(); 

または1行ですべて完了：

$($("div").toArray().sort(compareNameAlpha)).doStuff(); 

がここにデモの作業：http://jsfiddle.net/jfriend00/qeLfX/

---

編集： jQueryのようにこれを行うにしても簡単な方法があるように見えます.sort()を直接サポートしています（ただし、jQueryソースでは内部使用のみとマークされています）。

$("div").sort(compareNameAlpha).each(doStuff); 

そして、ここでそのバージョンを参照してくださいhttp://jsfiddle.net/jfriend00/hJhhf/

Answer 3

次のコードは、テストされていないが、私はあなたが次の線に沿って何かをすることができると思う：

$($("div").get().sort(sortFn)).each(doStuff); 

あなたはこれを行うことができますsortFnは、name属性によって要素を並べ替えArray.sortに適切な引数です。