jQuery ottenere questo modulo input

Question

Sto cercando di ottenere i valori di più input di modulo, ma il problema è che ho diversi moduli identici sulla stessa pagina e voglio solo ottenere gli input dal modulo che è stato inviato, quindi sono usando la parola chiave "this". Questo è il mio codice:

$('form.contact_form').submit(function(e) { 
    var fname = $(this).children('input.fname').val(); 
    var email = $(this).children('input.email').val(); 
    var comment = $(this).children('input.comment').val(); 

Tuttavia, quando si tenta di accedere alle variabili per testare che stanno restituendo i valori sbagliati, si dice che sono tutte indefinito. Quale sarebbe il modo giusto per farlo?

Grazie per qualsiasi aiuto: D

Answer 1

È necessario visualizzare l'HTML.

Ma, sono diretti figli della forma?
O dovresti utilizzare .find, anziché .children perché sono nidificati più in basso?

Answer 2

si può anche utilizzare 'questo' contesto

var fname = $('input.fname', this).val(); 

Answer 3

Usa .find() come suggerito Ciad.

$('form.contact_form').submit(function(e) { 
    var $this = $(this); 
    var fname = $this.find('input.fname').val(); 
    var email = $this.find('input.email').val(); 
    var comment = $this.find('input.comment').val(); 

});