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

Question

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

在这个表中有可编辑的 TD(类为“editable”并包含一个 contenteditable 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
    // ...
});

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

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

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

Answer 1

尝试使用 :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)