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())
      })
    })
  })

但这也不起作用。

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

Answer 1

我敢打赌，您的input元素不是form的子节点，而是子节点。也就是说，树中的其他节点位于form和input之间，可能是table或p元素。

您应该使用find代替：

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

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

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

1 个答案: