2013-09-30 2 views
4

У меня есть кусок HTML-таблица, которая читается какJQuery получить следующее значение элемента ввода в <td>

<table> 
    <tr> 
     <td> 
      <input type="text" class="myclass" name="first_ele[]" value="100" /> 
     </td> 
     <td> 
      <input type="text" class="anotherclass" name="secon_ele[]" value="" /> 
     </td> 
    </tr> 
</table> 

У меня есть кусок JQuery, который будет получать значение элемента, который содержит класс «MyClass» на и я получаю правильное значение. Мне нужно получить значение следующего элемента ввода. FYI. Таблица динамически добавляет строки. Моя проблема: я не знаю, как указать на следующий доступный элемент ввода.

Мой jquery, чтобы получить элемент, который имеет класс «myclass», выглядит следующим образом.

$('.tInputd').keyup(function(){ 
    var disc = $(this).val(); 
}); 

Ваша помощь очень ценится.

+0

, если это поможет, я использую JQuery 2.0.3 и JQuery UI 1.10.3 –

+0

нет ни одного элемента с классом 'tInputd' ... также do yoy хочу следующий элемент ввода с тем же классом –

+0

Привет, Арун, извините, я отредактировал некоторые подробности, чтобы сделать его менее сложным. это должно быть «myclass» вместо «tInputd» –

ответ

14

Попробуйте

$('.myclass').on('keyup', function() { 
    var disc = $(this).closest('td').next().find('input').val(); 
}); 

или

$('.myclass').on('keyup', function() { 
    var disc = $('.anotherclass').val(); 
}); 
+0

Привет, большое спасибо. Это работает для элементов, которые не создаются динамически. Как я могу применить это для элементов, которые созданы dynamiclly? –

+0

'$ ('table'). On ('keyup', '. Myclass', function() {/ * code * /});' try this – Anton

+1

чувак, вы бог. Спасибо. –

Смежные вопросы