元素父选择器上的Jquery

Question

在这个简单的案例中使用 jquery on 方法而不是弃用的 live 方法

$("#myForm").live('submit', function() {
   alert("submit");
});

会

$(document).on('submit', '#myForm', function() {
  alert("submit");
});

现在，在这种情况下，如何使用“纯”on 做同样的事情，而不需要额外的东西（例如，将 id 分配给表单，然后将该 id 用作选择器或类似的东西）

$("#myInput").parents("form").live('submit', function() {
   alert("submit");
});

谢谢

Answer 1

对所有表单提交运行事件处理程序，然后测试表单中是否包含您关心的输入。

jQuery(document).on('submit', 'form', function (evt) {
    if (jQuery(evt.target).find('#myInput').length === 0) {
        return;
    }
    // Otherwise run the rest of the function normally
});