HTML表格,单击行编号

HTML table, clicked row's number

本文关键字:编号 单击 表格 HTML      更新时间:2023-09-26

有没有办法找出行号在哪里我最近点击,在HTML表?我需要这个行为来找出是否使用点击了当前选定行的顶部和底部。

我想算法是:

  1. 选择一行
  2. 在同一表中选择另一行
  3. 查找在(2)处选择的行索引是否高于或低于在(1)处选择的行

既然您已经用jQuery标记了这个问题,那么我将给您一个jQuery答案。您可以使用jQuery的index方法获得被单击行的索引:

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

在click事件处理程序中,您将能够再次使用index方法来获取当前选定行的索引并比较它们或执行任何您想要执行的操作。

也许您可以看看这个问题,它有点类似:jQuery中的表行数和列数。当然,我可以给你一个提示:

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

添加这个答案是因为不同版本的IE不理解一些索引操作;因为读者可能会发现在这种情况下使用纯JS比使用jQuery更方便:

每个

都是 的子元素[children_index]。您可以在DOM中查找它和它的从零开始的索引。