是否可以在表中的整列上使用onmouseover?

时间:2012-01-30 13:30:28

标签: javascript jquery html qtip2

我正在使用名为qTip2的工具提示插件。

当用户将鼠标放在我的表格中的列上时,我希望能够显示工具提示。因此,用户选择的列中的哪一行无关紧要,切换行时工具提示不应该关闭。

有可能实现这个目标吗?

qTip2适用于类,因此我必须为列中的每一行提供相同的类名和工具提示文本才能使其工作。它会在同一列中的行之间切换时打开和关闭。

所以我想知道的是,如果有一种全局方法在一个表中用一个类标记整个列?

由于

2 个答案:

答案 0 :(得分:1)

使用jQuery,您可以在构建表后执行此操作...

$("#tableID tr td:nth-child(n)").addClass("column-class");

将tableID,nth-child中的(n)更改为列号(1基于,而不是0),并将column-class更改为要添加的类名。

您也可以使用相同的代码处理mouseover和mouseleave事件,而不是添加类,但如果您已经有一个插件执行其他操作,则使用类名听起来会更容易。

答案 1 :(得分:-1)

我认为应用<tr>的课程不起作用,也没有指定像TR.myClass TD这样的CSS选择器?

在这种情况下,您必须将该类应用于每个<td>或使用更好的插件。