jquery - 从表格行中查找下一个输入值

Question

我有一些带有一些代码的表格数据：

<tr>
  <td><input type='text' class='ACode' value='3400' /></td>
  <td><input type='text' class='DCode' value='100' /></td>
<tr>
<tr>
  <td><input type='text' class='ACode' value='3000' /></td>
  <td><input type='text' class='DCode' value='130' /></td>
<tr>
<tr>
  <td><input type='text' class='ACode' value='2500' /></td>
  <td><input type='text' class='DCode' value='110' /></td>
<tr>

当我想像这样使用 jQuery 访问ACode下一个输入值时：

$('.ACode').change(function(){
  var that = $(this);
  var DCode =  that.next('.DCode').val();
});

它没有显示价值。

Answer 1

请尝试以下操作：

var DCode =  that.parent().next().find('.DCode').val();

.ACode没有兄弟姐妹，因此什么也得不到.next()，因为它只返回紧随其后的兄弟姐妹。相反，您应该转到td确实有一个兄弟姐妹的 parent ，使用.next()它到达下一个td，然后找到.DCode。

演示。

Answer 2

我建议：

$('.ACode').change(function(){
    var that = $(this),
        DCode =  that.closest('tr').find('.DCode').val();
});

参考：

• closest().
• find().