HTML表格,点击行号

时间:2011-09-26 11:13:09

标签: javascript jquery html-table

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

我想算法将是:

  1. 选择一行
  2. 选择同一表中的另一行
  3. 确定在(2)处选择的行是否具有比在(1)
  4. 处选择的行更高或更低的索引

3 个答案:

答案 0 :(得分:3)

当你用jQuery标记问题时,我会给你一个jQuery答案。您可以使用jQuery的index方法获取所单击行的索引:

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

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:1)

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

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