改变儿童元素的值

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); 
}); 

试试这个