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

但它不是加工。這裏是鏈接到小提琴 - >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());
});