如何使用 Jquery 选择多个表单及其子表单并提醒它们的值？

Question

这就是我已经取得的进展：

  $('form').each(function() {
    $(this).submit(function() {
      event.preventDefault()
      $(this).children('input.required').each(function() {
        alert($(this).val())
      })
    })
  })

event.preventDefault() 正在工作，因为表单未提交。但之后就不会做任何事情了。 尝试了这个

alert($(this).attr('id'))

我在下面

$(this).submit(function() {

，它也有效，当我单击“提交”时，它会提醒正确的表单 ID。但由于某种原因，我无法让孩子们工作。经过一番阅读后，我也尝试过

 $('form').each(function(index,element) {
    $(element).submit(function() {
      event.preventDefault()
      $(element).children('.required').each(function(ind,ele) {
        alert($(ele).val())
      })
    })
  })

，但也没有成功。

我需要选择具有“必需”类的特定输入来检查它们的值。谢谢。

Answer 1

我敢打赌，您的 input 元素不是 form 的子节点，而是后代节点。也就是说，在form和input之间，树中还有其他节点，可能是table或者p > 元素。

您应该使用 find 来代替：

$(element).find('.required').each(function() {
    alert($(this).val());
});

这会查找与选择器匹配的所有后代节点，而不仅仅是直接子节点。