jQuery找到父表单

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(IE和IE8)快5-10倍.适用于IE6和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`
});