jQuery menemukan formulir induk

saya punya html ini

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

Bagaimana saya dapat memilih formulir yang input[name="submitButton"]merupakan bagiannya? (ketika saya mengklik tombol kirim saya ingin memilih formulir dan menambahkan beberapa bidang di dalamnya)

Saya sarankan menggunakan closest, yang memilih elemen induk pencocokan terdekat:

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

Alih-alih memfilter berdasarkan namanya, saya akan melakukan ini:

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

Anda dapat menggunakan referensi formulir yang ada pada semua input, ini jauh lebih cepat daripada .closest()(5-10 kali lebih cepat di Chrome dan IE8). Bekerja di IE6 & 7 juga.

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

Bagi saya, ini sepertinya yang paling sederhana / tercepat:

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

Pada browser HTML5 yang dapat digunakan inputElement.form- nilai atribut harus berupa id <form>elemen dalam dokumen yang sama. Info lebih lanjut tentang MDN .

lihat juga jquery / js - Bagaimana cara memilih formulir induk berdasarkan tombol kirim mana yang diklik?

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