根據孩子的輸入值排列div的ASC順序

Question

如何根據孩子的輸入值來訂購div？我想最終得到這個工作的關鍵。

<div class="wrap_0"> 
    <input class="sort_by" value="10"/> 
</div> 
<div class="wrap_1"> 
    <input class="sort_by" value="3"/> 
</div> 
<div class="wrap_2"> 
    <input class="sort_by" value="7"/> 
</div> 

更改爲：

<div class="wrap_0"> 
    <input class="sort_by" value="3"/> 
</div> 
<div class="wrap_1"> 
    <input class="sort_by" value="7"/> 
</div> 
<div class="wrap_2"> 
    <input class="sort_by" value="10"/> 
</div> 

我目前的jQuery不工作：

var sortedArray = $("div[class^='wrap_']").get().sort(function(a, b) { 
    var idx = parseInt($(a).find(".sort_by").value,10); 
    var idx2 = parseInt($(b).find(".sort_by").value,10); 
    return idx > idx2; 
}); 
$(sortedArray).each(function() { 
    $(this).appendTo("body"); 
}); 

小提琴：https://jsfiddle.net/E4U2V/3/

任何幫助表示讚賞。

Answer 1

使用.val()而不是.value。

.val()是在jQuery對象上使用的方法。而關於javascript對象的.value。

$(a).find(".sort_by")[0].value; 

而且，不需要使用.each()來追加數組。

---

var sortedArray = $("div[class^='wrap_']").get().sort(function(a, b) { 
    var idx = parseInt($(a).find(".sort_by").val(),10); 
    var idx2 = parseInt($(b).find(".sort_by").val(),10); 
    return idx > idx2; 
}); 
$(sortedArray).appendTo("body"); 

Updated fiddle