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

How to get TD from next row with same index as current TD

本文关键字：TD 索引 获取 一行      更新时间：2023-09-26

我有一个大的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
    // ...
});

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

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

例：
如果我目前连续使用第 4 个可编辑 TD，那么我需要下一行的第 4 个可编辑 TD。

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

相关文章：