0

いくつかのコードを含むテーブル データがあります。 

<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>

ACode次のように jQuery を使用して次の入力値にアクセスしたい場合:

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

値を示しません。

4

2 に答える 2

2

代わりに次のことを試してください。

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

.ACode兄弟を持たない.next()ため、何も取得しません。これは、直後の兄弟のみを返すためです。td代わりに、確かに 1 つの兄弟を持つ親に移動し、次を使用.next()して次のに移動tdし、次に を検索する必要があります.DCode。

デモ。

于 2012-09-24T11:03:47.463 に答える
0

私はお勧めします：

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

参考文献:

于 2012-09-24T11:03:54.643 に答える