JQuery - Найти следующий элемент, который имеет определенный дочерний элемент

Question

Допустим, у меня есть что-то вроде этого:

<tr>
<td><input type="text" /></td>
<td>Somevalue</td>
<td><intput type="text /></td>
</tr>

Я нахожусь в обработчике события для нажатия клавиши в первом текстовом поле. Я хочу найти следующий тд, в котором есть текстовое поле, если оно существует с использованием jQuery.

Answer 1

Нечто подобное должно работать (при условии, что this - это ввод).

var next = $(this).parent().next("td > input[type='text']");

Answer 2

Ответ tj111 не работает для меня. Может быть, это из-за более новой версии jQuery. Я придумал это:

var next = $(this).parent().nextAll().has("input[type='text']").first();

Answer 3

Я не знаю, какой у вас селектор, но если вам нужно выбрать все входы (наберите текст). Вы можете попробовать это.

$(function(){ 

    $(':input').each(function(){
        $(this).keypress(function(){
          $(this).next('input[type=text]').val('I\'m the next');
     }) // end of keypress
    }) // enf of each
}) // End of function

Итак, не имеет значения, куда вы положили больше входных данных, вы всегда можете их взять.