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 
} 

Answer 2

在HTML中，ID是唯一。所以不，你只会在使用#..选择器时得到一个对象。哪一个是多次分配单个ID的时候没有定义;其实你应该解决这个问题！

Answer 3

HTML id attribute的整点在于它应该是唯一的。

也许你想用classes代替？例如，考虑以下因素：

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

... 

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

Answer 4

可以删除id属性（如其他人所说的，必须在文档中是唯一的），并使用attribute-equals selector通过名称来选择，像这样：

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

或加class="check_id"（还是去掉id="check_id"），并使用一类选择，就像这样：

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