Jquery:向已选择的对象添加选择器

Question

问候，

通过使用常规选择器，我可以选择输入文本字段的祖父(实际上是一个元素)，并通过 .next() 我选择了下一行。

var nextOne = $(this).parent().parent().next();

从下一个 ro 开始，我想选择一个输入文本字段，它是“.foo”，它是该行的孙子。

如何实现这一目标？

编辑:每一行都是这样的html格式:

<tr>
    <td  ><input alt="time" type="text" class="timefield start_time"/></td>
    <td  ><input alt="time" type="text" class="timefield end_time"/></td>
    <td  ><input type="text" class="programnamefield"/></td>                
</tr>

<小时/>

以及检查 end_time 字段是否已填充的方法，如果是，则将下一行的 start_time 更改为上一行的 end_time。反之亦然。

function autoCompleteTimes(){
    $('.end_time').change(function(){
        var nextOne = $(this).parent().parent().next();
// TODO
        });  
}

Answer 1

您可以使用 find 方法(如果 input.foo 在 dom 树中很深)或子元素(如果是一层深)和选择器

nextOne.find('.foo');

或

nextOne.children('.foo');

更改下一行输入字段的时间

var end_time = nextOne.find('.end_time').val()
if (end_time != '') {
   // end_time is filled
   nextOne.next().find('.start_time').val(end_time);
}