jQuery знайти батьківську форму

у мене є цей 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"]якої належить? (коли я натискаю кнопку подання, я хочу вибрати форму та додати в неї деякі поля)

Я б запропонував використовувати closest, яке вибирає найближчий батьківський елемент, що відповідає:

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

Замість фільтрування за назвою я би зробив це:

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

Ви можете використовувати посилання на форму, яка існує на всіх входах, це набагато швидше, ніж .closest()(у 5-10 разів швидше в Chrome та IE8). Працює і на IE6 та 7.

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

Для мене це виглядає як найпростіший / найшвидший:

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

Як і для браузерів HTML5, можна використовувати inputElement.form- значення атрибута має бути ідентифікатором <form>елемента в одному документі. Більше інформації про MDN .

див. також jquery / js - Як вибрати батьківську форму на основі натискання кнопки подання?

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