jquery - 如何使用 jQuery 将数据插入到最近的 td？

Question

我正在尝试获取输入文本框的值并将该值插入到同一行的td中。

这是我的 HTML 代码:

<table class="test">  
  <tr ><td class="x"><input type="text" class="testinp"></td><td class="y">Fish</td><td class="z">Chicken</td></tr>
  <tr ><td class="x"><input type="text" class="testinp"></td><td class="y">Cricket</td><td class="z">Tenis</td></tr>
  <tr ><td class="x"><input type="text" class="testinp"></td><td class="y">Watch</td><td class="z">Hat</td></tr>
</table>

这是我的 jQuery 代码:

$('.testinp').keypress(function(e){
  if(e.which == 13){
    var val =  $(this).val();
    $(this).find('td').closest('.z').html(val);            
  }
});

现在我得到了值，但无法将其插入到 td 中。

Answer 1

.find()在 input 的后代中查找 selector，而不是在父代中。所以你需要使用$(this).closest('td')。

然后，您可以使用.siblings()像这样:

$(this).closest('td').siblings('td.z').text(val);

或

获取最近的 tr，并查找具有 z 类的 td:

$(this).closest('tr').find('td.z').text(val);