jQuery znajdź formularz nadrzędny

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

Jak mogę wybrać formularz, którego input[name="submitButton"]jest częścią? (kiedy klikam przycisk Prześlij, chcę wybrać formularz i dołączyć do niego niektóre pola)

Sugerowałbym użycie closest, które wybiera najbliższy pasujący element nadrzędny:

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

Zamiast filtrować według nazwy, zrobiłbym to:

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

Możesz użyć odwołania do formularza, które istnieje na wszystkich wejściach, jest to znacznie szybsze niż .closest()(5-10 razy szybsze w Chrome i IE8). Działa również w IE6 i 7.

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

Dla mnie wygląda to na najprostsze / najszybsze:

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

Z przeglądarek HTML5 można korzystać inputElement.form- wartość atrybutu musi być identyfikatorem <form>elementu w tym samym dokumencie. Więcej informacji na temat MDN .

zobacz także jquery / js - Jak wybrać formularz nadrzędny na podstawie kliknięcia przycisku Prześlij?

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