如何突出显示一个表中的单元格,同时突出显示另一个表中的匹配单元格

时间:2019-07-23 12:41:43

标签: javascript html css

我在html文档表id="table1"和表id="table2"中有两个表。 每个表中有10列和5行。 每个单元格包含一个或两个字母数字或特殊字符(例如*$%等)。

我希望它的功能如下:

当我悬停或选择table1的单元格(位于特定行-例如顶部行)时,例如包含Z字符,如果Z字符出现在同一特定行(即table2的顶行)上,则会在table2上高亮显示/选中该字符。 这应该相反(例如,将鼠标悬停/选择table2单元格会使table1单元格突出显示/选择) 每行一次只能突出显示/选择一个单元格。 可以独立控制行(即不影响任何其他行的单元格突出显示)。 再次单击,应删除突出显示。

可以用CSS或JavaScript完成吗? (首选CSS),但两者都很有用。

在此先感谢您的帮助。

此致

弗雷德

0 个答案:

没有答案