jQuery trouver formulaire parent

Question

j'ai ce 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> 

Comment puis-je choisir la forme que le input[name="submitButton"] fait partie? (quand je clique sur le bouton d'envoi que je veux sélectionner le formulaire et ajouter des champs à l'intérieur)

Answer 1

Je suggère d'utiliser closest, qui sélectionne le plus proche élément parent correspondant:

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

au lieu de filtrer le nom, je ferais ceci:

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

Answer 2

voir aussi jquery/js -- How do I select the parent form based on which submit button is clicked?

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

Answer 3

Vous pouvez utiliser la référence de formulaire qui existe sur toutes les entrées, c'est beaucoup plus rapide que .closest() (5 à 10 fois plus rapide dans Chrome et IE8). Fonctionne sur IE6 & 7 aussi.

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

Answer 4

Pour moi, cela ressemble à la plus simple/rapide:

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