我有一个大型 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。
尝试使用: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)
| 归档时间: |
|
| 查看次数: |
623 次 |
| 最近记录: |