jQuery encuentra formulario padre

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

¿Cómo puedo seleccionar el formulario del que input[name="submitButton"]forma parte? (Cuando hago clic en el botón Enviar quiero seleccionar el formulario y agregar algunos campos en él)

Sugeriría usar closest, que selecciona el elemento principal coincidente más cercano:

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

En lugar de filtrar por el nombre, haría esto:

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

Puede usar la referencia de formulario que existe en todas las entradas, esto es mucho más rápido que .closest()(5-10 veces más rápido en Chrome e IE8). Funciona también en IE6 y 7.

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

Para mí, esto parece el más simple / 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`
});

A partir de los navegadores HTML5 que se pueden usar inputElement.form, el valor del atributo debe ser la identificación de un <form>elemento en el mismo documento. Más información sobre MDN .

consulte también jquery / js: ¿cómo selecciono el formulario principal en función del botón de envío en el que se hace clic?

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