HTML表格，点击行号

Question

有没有办法找到我最近在HTML表格中点击的行号？我需要这种行为来确定是否使用了当前所选行的顶部和底部。

我想算法将是：

1. 选择一行
2. 选择同一个表中的另一行
3. 找出在（2）处选择的行是否具有比在（1）处选择的行更高或更低的索引

Answer 1

正如你用jQuery标记了这个问题，我会给你一个jQuery的答案。您可以使用jQuery的index方法获取所单击行的索引：

$("tr").click(function() {
   console.log($(this).index()); 
});

在click事件处理程序中，您可以再次使用index方法获取当前所选行的索引并比较它们或执行您尝试执行的任何操作。

Answer 2

也许你可以看看这个问题，有点类似：table row and columns number in jQuery。当然，我可以给你一个提示：

var rowIndex = $("#myrow").index();

Answer 3

添加此答案是因为IE的版本不了解某些索引操作;并且因为在这种情况下，读者可能会发现使用纯JS而不是jQuery很方便：

每个<tr>是<tbody>的子项[children_index]。您可以查看DOM以查找它及其从零开始的索引。