jQuery tìm mẫu cha

tôi có html này

<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>

Làm thế nào tôi có thể chọn hình thức input[name="submitButton"]là một phần của? (khi tôi nhấp vào nút gửi, tôi muốn chọn biểu mẫu và nối thêm một số trường trong đó)

Tôi sẽ đề nghị sử dụng closest, trong đó chọn phần tử cha phù hợp gần nhất:

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

Thay vì lọc theo tên, tôi sẽ làm điều này:

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

Bạn có thể sử dụng tham chiếu biểu mẫu tồn tại trên tất cả các đầu vào, tốc độ này nhanh hơn nhiều .closest()( nhanh hơn 5-10 lần trong Chrome và IE8). Hoạt động trên IE6 & 7 cũng vậy.

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

Đối với tôi, điều này có vẻ như đơn giản nhất / nhanh nhất:

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

Đối với trình duyệt HTML5, người ta có thể sử dụng inputElement.form - giá trị của thuộc tính phải là id của một thành <form>phần trong cùng một tài liệu. Thông tin thêm về MDN .

xem thêm jquery / js - Làm cách nào để tôi chọn biểu mẫu gốc dựa trên nút gửi nào được nhấp?

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