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')

使用jQuery获得更近的对象

2 个答案: