jQuery получить ЭТУ форму ввода

Question

Я пытаюсь получить значения нескольких входных форм, но проблема в том, что у меня есть несколько одинаковых форм на одной странице и только хочу получить входные данные из формы, которая была отправлена, поэтому я используя ключевое слово «this». Это мой код:

$('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(); 

Однако, когда я пытаюсь войти переменные, чтобы проверить, что они возвращаются неправильные значения, это говорит, что они все не определено. Каким будет правильный способ сделать это?

Спасибо за любую помощь: D

Answer 1

Нужно увидеть HTML.

Но являются ли они прямыми детьми в форме?
Или вы должны использовать .find, а не .children, потому что они вложены ниже?

Answer 2

вы даже можете использовать 'это' Context

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

Answer 3

Использование .find(), как предложил Чад.

$('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(); 

});