使用 jQuery 获取更近的对象

Get a closer object with jQuery

本文关键字:对象 jQuery 获取 使用      更新时间:2023-09-26

我动态生成了以下 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。

这可能吗?谢谢!

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

你可以通过以下方式获取另一个元素:

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