jquery - 使用 jQuery 循环遍历输入项 onchange

Question

当选择字段更改时，我想使用 jQuery 循环遍历其所属表单中的所有输入值。这在下面不起作用，但我不知道到底如何做到这一点。

$("select.mod").change(function(){
    $(this).parent().get(0).$(":input").each(function(i){
    alert(this.name + " = " + i);
  });
});

Answer 1

可能是“父表单”的选择导致了问题。

.parent()函数仅返回直接父级，如果您的 select.mod 则不会让您获得表单元素嵌套在 <p> 中或其他什么。

.parents()函数返回元素的所有父元素；但第一个可能不是表单标签。我会尝试这个:

$("select.mod").change(function(){
    $(this).parents('form') // For each element, pick the ancestor that's a form tag.
           .find(':input') // Find all the input elements under those.
           .each(function(i) {
        alert(this.name + " = " + i);
    });
});

如果您有相互嵌套的表单元素，这可能仍然对您没有帮助，但如果是这种情况，您可能会遇到比 jQuery 选择器更大的问题...