查找錶行的下一個輸入值

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，這確實有一個兄弟姐妹，使用.next()去到下一個td，然後找到.DCode。

DEMO。

Answer 2

我建議：

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

參考文獻：

• closest()。
• find()。