Question

我有这个HTML

<ul>
    <li><form action="#" name="formName"></li>
    <li><input type="text" name="someName" /></li>
    <li><input type="text" name="someOtherName" /></li>
    <li><input type="submit" name="submitButton" value="send"></li>
    <li></form></li>
</ul>

如何选择input[name="submitButton"]所属的表单？（当我点击提交按钮时，我想选择表格并在其中附加一些字段）

Answer 1

我建议使用closest，它选择最接近的匹配父元素：

$('input[name="submitButton"]').closest("form");

我会这样做，而不是按名称过滤：

$('input[type=submit]').closest("form");

Answer 2

您可以使用所有输入上存在的表单引用，这比.closest()快得多（在Chrome和IE8中快5到10倍）。适用于IE6＆amp; 7也是。

var input = $('input[type=submit]');
var form = input.length > 0 ? $(input[0].form) : $();

Answer 3

对我而言，这看起来最简单/最快：

$('form input[type=submit]').click(function() { // attach the listener to your button
   var yourWantedObjectIsHere = $(this.form);   // use the native JS object with `this`
});

Answer 4

另见jquery/js -- How do I select the parent form based on which submit button is clicked?

$('form#myform1').submit(function(e){
     e.preventDefault(); //Prevent the normal submission action
     var form = this;
     // ... Handle form submission
});

Answer 5

在HTML5浏览器中，可以使用inputElement.form-该属性的值必须是同一文档中<form>元素的ID。有关MDN的更多信息。

jQuery找到父表单

5 个答案: