Jquery每个问题

Question

我有一个简单的问题，如果可能的话，我需要一些帮助。我是否可以拥有多个具有相同 id 的输入并循环访问这些值？类似于下面的代码:

<p>ID:<input name="check_id" type="hidden" id="check_id"  value="1"/></p>
        <p>ID:<input name="check_id" type="hidden" id="check_id"  value="2"/></p>

jQuery("#check_id").each(function(){
var check_data = jQuery(this).val();
alert(check_data); 
});

谢谢

保罗

Answer 1

没有。 ID 必须是唯一的。您可能只会选择第一个。

你可以做这样的事情，尽管效率较低:

jQuery("input[id=check_id]").each(function(){
    var check_data = jQuery(this).val();
    alert(check_data); 
});

但如果您要这样做，您不妨将 ID 固定为唯一，并按 name 进行选择。属性。

jQuery("input[name=check_id]").each(function(){
    var check_data = jQuery(this).val();
    alert(check_data); 
});

如果所有<input>您想要的元素包含在容器中，您可以通过指定该容器来加快速度。

jQuery("#myContainer input[name=check_id]").each(function(){
    var check_data = jQuery(this).val();
    alert(check_data); 
});

此代码示例假定存在一个 ID 为 myContainer 的共同祖先。 .

<小时/>

编辑:关于下面评论中的问题，return false;里面 .each()循环仅退出循环。不过，您可以设置一个标志来告诉后续代码是否执行。

类似这样的事情:

var shouldContinue = true;

jQuery("#myContainer input[name=check_id]").each(function(){
    var check_data = jQuery(this).val();
    if( someCondition ) {
        shouldContinue = false; // signal to not execute subsequent code
        return false;  // Halt the loop
    }
});

if( shouldContinue ) {
     // execute code if shouldContinue is true
}