javascript - Jquery 获取 div 中隐藏输入的值列表

Question

我正在尝试获取 div 中的值列表，稍后我将使用 .each() 方法对其进行格式化。它们是隐藏的输入值，我的 html 和 jquery 调用如下所示。

<div id="container_0">
   <input type="hidden" id="check_data" value=10>
   <input type="hidden" id="check_data" value=20>
</div>

Jquery:

var list = $('#container_0 input#check_data');

$(list).each(
      function() {
           alert($(this).val());
       }
);

但是这不会返回任何值。任何帮助将不胜感激。

Answer 1

您不能多次使用相同的 ID，这是无效的 HTML。当您这样做时，任何结果都将是不可预测的，尤其是跨浏览器。

这应该可以提醒这些值:

$('#container_0 input').each(function() {
   alert($(this).val());
});

如果您使用了一个类，如下所示:

<div id="container_0">
   <input type="hidden" class="check_data" value=10>
   <input type="hidden" class="check_data" value=20>
</div>

然后这只会找到那些输入:

$('#container_0 input.check_data').each(function() {
   alert($(this).val());
});