当我将鼠标悬停在一行上时,如何更改两个表行css?

时间:2015-03-09 10:18:33

标签: javascript

我有两个表,如果我悬停在例如第一个表的第二行,我也想改变第二个表的第二行的css。你知道吗?

你能更正这段代码吗?

jsfiddle.net/5q7khznL/

2 个答案:

答案 0 :(得分:1)

到目前为止你做了什么?我不确定有人会帮助你,只要你自己没有先完成一些工作。

在Javascript中,在第一个表的鼠标悬停事件上,获取悬停的行索引,然后更改第二个表的相应行的css或类。不要忘记删除鼠标上的CSS或类。

答案 1 :(得分:1)

首先,你有几个具有相同ID的元素,你永远不应该这样做。

然后考虑你的问题:

您可以使用jquery:http://api.jquery.com/hover/

中的.hover()事件处理程序

您只需要获取要应用处理程序的元素,并在.hover()函数参数中指定要执行的操作。

我建议你为两个表的第一行(相应的第二行)提供相同的类名,并在悬停时将这些更改应用于这些类。

$('.classRow1').css({"background-color":"red"});

例如。

希望这有帮助

S.P。