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

kee*_*279 3 javascript jquery

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

在此表中,有可编辑的 TD(具有类“ editable”且包含可内容编辑的 div)和不可编辑的 TD(不具有类“ 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
    // ...
});
Run Code Online (Sandbox Code Playgroud)

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

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

示例:
如果我当前处于连续第四个可编辑 TD 上,那么我将需要下一行中的第四个可编辑 TD。

Amm*_*CSE 5

尝试使用: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+')');
});
Run Code Online (Sandbox Code Playgroud)

current正如上面评论的,您可以使用$(current)