javascript - JQuery 忽略隐藏 div 中的元素值

Question

如何忽略隐藏 div 中的元素？我有一个包含可见元素和隐藏在 div 中的一些元素的表单...

<form id="my-form">
  <input name="split_values[]" class="split">
  <input name="split_values[]" class="split">
  <input name="split_values[]" class="split">
  <div class="hidden-div">
    <input name="split_values[]" class="split">
  </div>
</form>

我正在遍历验证元素......

$('#my-form *').filter(':input').each(function(){ 
  // my validation here
});

但我想忽略隐藏 div 中的任何值。所以我只想查看隐藏 div 中前 3 个元素的验证，而不是第四个元素的验证。由于元素是动态生成的，我不可能给它们提供 id。

提前致谢。

Answer 1

您可以使用:visible伪选择器过滤掉隐藏的输入字段:

$('#my-form *').filter(':input:visible').each(function() {
   // my validation here
});