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");    
});

但它不起作用。这是小提琴的链接 - ＆gt; Fiddle

谁能告诉我哪里出错？

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());    
});