Получить ближе объект с JQuery

Question

У меня есть следующий динамически генерируемый HTML:

...
<tr>
    <td><input type="text" class="q" value="5" name="q[]" /></td>
    <td><input type="text" class="p" value="20" name="p[]" /></td>
</tr>
...

Хорошо, так что я хочу сделать следующее: когда изменяется вход с классом q , я хочу получитьпроизведение между p и q ( p * q ), которые находятся в строке в том же , поэтому в этом примере я получу 100.

Возможно ли это?Спасибо!

Answer 1

$('.q').change(function() {
    result = $(this).val() * $(this).next('.p').val()
});

Answer 2

Вы можете получить другой элемент с:

// this references the `q` element
$(this).parent().children('.p')
// or
$(this).next('.p')
// or
$(this).closest('tr').find('.p')  // <- least prone to structure changes
// or
$(this).siblings('.p')