改變兒童元素的值

Question

我有父母和子女元素結構：

<div id="container"> 
<input type="hidden" id="child-1" value="1" /> 
<input type="hidden" id="child-8" value="1" /> 
<input type="hidden" id="child-9" value="1" /> 
<input type="hidden" id="child-3" value="1" /> 
</div> 

，我需要選擇兒童和改變它們的值。

結果應該是：

<div id="container"> 
<input type="hidden" id="child-1" value="1" /> 
<input type="hidden" id="child-8" value="2" /> 
<input type="hidden" id="child-9" value="3" /> 
<input type="hidden" id="child-3" value="4" /> 
</div> 

JQuery的：

$("#container").children().each(function(n){ 
$('input[type=hidden]').val(n); 
}); 

我的查詢代碼沒有給出所需的結果，因爲它總是 改變輸入隱藏價值4.我知道爲什麼它使這麼， 但我找不到其他更好的解決方案。所以任何幫助 將不勝感激。

Answer 1

$("#container input[type=hidden]").each(function(index){ 
    $(this).val(index + 1); 
}); 

試試這個