javascript - jQuery tr.next 总是返回索引 1 处的行

Question

我有一个 HTML 表格，当您在最后一行输入数据时会自动添加一行。由于这种自动生成，标准选项卡功能失效。您可以在此处查看此表的示例。因此，当按下 shift-tab 或 tab 时，我使用 jQuery 反弹回第一个 ant last 元素的父行。代码比较简单。. .

$(this).parents('tr').next('tr');

不管我做什么，$(this).parents('tr').index()总是返回 0。因此next()总是跳到表的第二行，即使我从第九行的最后一个字段中选择。

有任何想法吗？有没有一种方法可以在添加行后重建表的选项卡索引，或者有人知道为什么该行总是认为它的索引为 0？

score 1 · Accepted Answer

我无法评论 Sushanth 的回答，所以我会给出自己的：

你只需要使用：

$(this).closest('tr').index()

Shushanth 的代码的问题在于它向 index() 传递了一个匹配表中所有 tr 的 jQuery 对象。如果是（细微差别），它会起作用：

$(this).closest('tr').index('#tableid tr')

score 0 · Accepted Answer

尝试使用index with a specific selector.

$tableRows = $('#tableid tr');

$currRow = $(this).closest('tr');

var index = $currRow.index($tableRows);

2 回答 2