Javascript 如何强制:悬停在DOM元素上?

Javascript 如何强制:悬停在DOM元素上?,javascript,Javascript,有许多问题与此完全相同,所有问题的答案都相同-只需添加类并切换即可我的情况不是这样的 情景: 当我的页面滚动时,我复制表格的第一列,并在浏览器左侧附加position:fixed,这使我在表格较宽时可以看到标题 原始表有css,带有:hover,如下所示: table tr:hover td { background: red } 这很好,因为当我将它悬停时,我可以看到整行高亮显示,但没有那么好 如果将克隆表悬停,它将仅高亮显示这一列。我想通过不添加任何类来强制:在原始表上悬停状态。 到目前为

有许多问题与此完全相同,所有问题的答案都相同-只需添加类并切换即可我的情况不是这样的

情景:

当我的页面滚动时,我复制表格的第一列,并在浏览器左侧附加
position:fixed
,这使我在表格较宽时可以看到标题

原始表有css,带有
:hover
,如下所示:

table tr:hover td { background: red }
这很好,因为当我将它悬停时,我可以看到整行高亮显示,但没有那么好 如果将克隆表悬停,它将仅高亮显示这一列。我想通过不添加任何类来强制:在原始表上悬停状态。

到目前为止,我所做的尝试没有任何效果:

 - .trigger('mouseover');
 - .trigger('mouseenter');
 - .trigger('hover');
 - .hover()
 - .mouseenter();
 - .mouseover();

据我所知,实际上不可能从JQuery/Javascript触发CSS伪类。
除了处理JS/JQuery事件之外,几乎没有其他选择,正如您所做的那样,和CSS类。

据我所知,实际上不可能从JQuery/Javascript触发CSS伪类。
除了处理JS/JQuery事件和CSS类之外,几乎没有其他选择。

当你说“强制悬停状态”时,您的意思是,当您将鼠标悬停在克隆表中的某一行上时,希望原始表中相应的行的行为与您同时将鼠标悬停在该行上的行为相同吗?为什么你如此反对添加一个类?为什么添加一个类在这里不是一个选项?这两张桌子没有连接。桥接该类的唯一方法是检测其中一个上的悬停,然后在另一个上添加该类。@nnnnnn,是的,我想用JS@JosephtheDreamer因为我想修改尽可能少的代码:)这并没有什么变化,只需将CSS更改为
table tr:hover td,table tr.hover td{background:red}
然后大约五行
jQuery
就可以从原始表行中添加和删除新的
hover
类,以响应将鼠标悬停在克隆行上。当您说“强制悬停状态”时,您的意思是,当您将鼠标悬停在克隆表中的某一行上时,希望原始表中相应的行的行为与您同时将鼠标悬停在该行上的行为相同吗?为什么你如此反对添加一个类?为什么添加一个类在这里不是一个选项?这两张桌子没有连接。桥接该类的唯一方法是检测其中一个上的悬停,然后在另一个上添加该类。@nnnnnn,是的,我想用JS@JosephtheDreamer因为我想修改尽可能少的代码:)这并没有什么变化,只需将CSS更改为
table tr:hover td,table tr.hover td{background:red}
然后大约五行
jQuery
就可以从原始表行中添加和删除新的
hover
类,以响应将鼠标悬停在克隆行上的操作。谢谢。看起来我真的需要修改比我预期的更多的代码:)谢谢。看起来我真的需要修改比我预期的更多的代码:)谢谢