如何在使用 jQuery 的单元格上突出显示表格的行和列？

【问题标题】：How to highligh the row and column of a table when over a cell using jQuery?如何在使用 jQuery 的单元格上突出显示表格的行和列？
【发布时间】：2009-08-05 13:35:23
【问题描述】：

我有一个 10x10 的 html 表格如果我为每个 td hover 添加一个函数，如何获取单元格列和行索引？

谢谢。

【问题讨论】：

标签： jquery

【解决方案1】：

正如其他人所说，可能有比尝试找到确切的单元格位置更好的方法，但如果您确实需要它应该可以：

$("td").hover(function() {
    var columnIndex = $(this).attr("cellIndex");
    var rowIndex = $(this).parent().attr("rowIndex"));
});

【讨论】：

【解决方案2】：

你不需要知道列和行索引来应用悬停效果，你可以简单地使用悬停功能

http://docs.jquery.com/Events/hover#overout

【讨论】：

【解决方案3】：

看看这个answer。如果您自己实现它然后要获得行突出显示，您只需使用伪 css 类 :hover 或跳转到最近的父类 <tr> 并应用 css 类为子类<td> 设置背景色。

要回答如何获取列和行索引，请使用 jQuery .index() 命令

【讨论】：