jQuery如何将值设置为上一个输入元素？

Question

这是我的代码

<input type="text" value="Select" class="inputClass"></input>
<div class="divClass">
<table>
    <tr><td>Value1</td></tr>
    <tr><td>Value2</td></tr>
</table>
</div>

我想在用户单击tr时设置输入字段的值，并且正在执行以下操作：

$("tr").click(function() {
  $(this).parent("div.divClass")
   .prev("input.inputClass")
   .val("SomeValue");    
});

但这是行不通的。 这是小提琴的链接-> 小提琴

谁能告诉我我要去哪里错了？

Answer 1

parent（）方法返回所选元素的直接父元素。

您可以尝试以下方法：

$("tr").click(function() {
  $(this).closest("div.divClass").prev("input.inputClass").val("SomeValue");    
});

Answer 2

您可以只向输入元素添加一个id字段，并避免在DOM中上下移动。

然后执行以下操作：

$("td").click(function() {
  $('#input').val($(this).text());    
});