Javascript 如何更改最近输入的值？

我有一个多行的表格，所有的结构都是一样的。我创建了一个可以单击的DIV。如果用户单击DIV，则同一行中输入的值应该更改。使用下面的代码，所有inputfields都会使用相同的值进行更改。如何调整代码，使javascript仅对相应的输入进行更改

<table>
<tr>
<td>
<input class="inp-hid">
</td>
<td>
<div class="acts-like-btn"></div>
</td>
</tr>
<tr>
<td>
<input class="inp-hid">
</td>
<td>
<div class="acts-like-btn"></div>
</td>
</tr>
<tr>
<td>
<input class="inp-hid">
</td>
<td>
<div class="acts-like-btn"></div>
</td>
</tr>
</table>



<script>
$(this).parents().find('.inp-hid').val("yes");
</script>

$（this.parents（）.find（'.inp hid'）.val（“yes”）；

在您的按钮上添加一个点击事件，该事件会抓住它所在的行，然后在该行中找到输入

find（'input'）

以设置val

$('.acts-like-btn').on('click', function () {
  $(this)
    .closest('tr')
    .find('input').val('yes');
});

在代码中

$(this).parents().find('.inp-hid').val("yes");

这是抓取

窗口

对象，并从中查找所有

.inp hid

元素，而不是行

看

“我创建了一个可以单击的DIV”-最好使用

元素（在

中或替代它），因为这样元素就可以通过键盘“单击”（对于没有鼠标或其他定点设备的用户）。