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

试试这个

更改子元素的值

1 个答案: