jQuery encontrar formulário pai

eu tenho esse 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>

Como posso selecionar o formulário do qual input[name="submitButton"]faz parte? (quando clico no botão enviar, desejo selecionar o formulário e anexar alguns campos)

Eu sugeriria usar closest, que seleciona o elemento pai correspondente mais próximo:

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

Em vez de filtrar pelo nome, eu faria o seguinte:

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

Você pode usar a referência de formulário existente em todas as entradas. Isso é muito mais rápido que .closest()(5 a 10 vezes mais rápido no Chrome e IE8). Também funciona no IE6 e 7.

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

Para mim, isso parece o mais simples / mais rápido:

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

Como nos navegadores HTML5, é possível usar inputElement.form- o valor do atributo deve ser o ID de um <form>elemento no mesmo documento. Mais informações sobre MDN .

veja também jquery / js - Como seleciono o formulário pai com base em qual botão de envio é clicado?

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