如何从下一行获得与当前TD相同索引的TD

时间:2015-06-11 12:47:36

标签: javascript jquery

我有一个大型HTML表格,其中所有正文行都具有相同的结构。

在此表中,有可编辑的TD(具有类" editable"并包含一个可信的div)和不可编辑的TD(不具备类& #34; editable"并且不包含div。)

现在我试图从下一行获得与当前(最接近)TD 具有相同索引的TD。

下面的代码为我提供了当前TD在其行内的正确索引(并且仅查看可编辑的TD)。

有人可以告诉我如何获得下一行的等效TD吗?

我的jQuery:

$(document).keydown(function(e) {
    var current = $(e.target);
    var editables = $(current).closest('tr').find('td.editable');
    var count = editables.length;
    alert( editables.index($(current).closest('td')) ); // for testing
    // ...
});

而不是警报,我正在寻找以下内容:

$(current).closest('tr').next('tr').find( /* the td with class editable AND the index matching the above */ );

示例:
如果我目前连续第4个可编辑的TD,那么我需要在下一行中使用第4个可编辑的TD。

1 个答案:

答案 0 :(得分:4)

尝试使用:eq()之类的

$(document).keydown(function(e){
    var current = $(e.target);
    var editables = current.closest('tr').find('td.editable');
    var count = editables.length;
    var index = editables.index(current.closest('td')); 
    current.closest('tr').next('tr').find('td:eq('+index+')');
});

如上所述,您可以使用current代替$(current)