Javascript jQuery：将类添加到<；tr>；在鼠标悬停以设置样式<；td>；

当鼠标滑过（突出显示）时，我试图将一个类附加到一个

，我将在其中设置子

的样式。仅仅在

上添加所需的效果（背景色）是不行的，因为内部

的背景属性

我已经确保jquery正在运行，并且我使用了1.9分钟

这就是我到目前为止所做的：

$('table tr').mouseover(function(){
    $(this).addClass('highlight');
}).mouseout(function(){
    $(this).removeClass('highlight');
});

我在CSS中设置了相应的

.hightlight

类，如

中所示。当高亮显示类添加到
中时，高亮显示td{}

，以设置

的样式

我不能，为了我的生命，找出我在这里做错了什么。我已经通过手动将

class=“highlight”

添加到

中，测试了

的样式是否正确，并且效果良好

---

感谢您的帮助。谢谢大家。

我想到的唯一一个事实是将代码放在处理程序中：

。。。也许用更方便的方法来代替

---

演示：

如果不再涉及逻辑，您也可以使用普通CSS：

tr:hover td {
    background: #333;
}

---

只能定义一个

。突出显示
声明并将其应用于
：

就我所知，似乎对我来说没什么用！你的脚本应该很好用。你把它放在这一页的底部了吗？（或者如果您必须将它放在标题中，它是否包装在
$（document.ready（function（）{/*…*/}）
）中）我想它确实应该可以工作，但在我正在处理的文档上就不行了。idk，可能是其他东西干扰了。另外，如果这不是问题的话，是动态创建的表（在调用上述脚本之后）？为了向后兼容。据我所知，一些旧的表不支持在非锚元素上悬停。@Jasd是的。。。有人还在使用那个该死的IE6，它只支持
：hover
元素。谢谢你的回复，iOraelosi。
tr:hover td {
    background: #333;
}

 $(function() {
     $('table tr').on('mouseover', 'td', function(){
           $(this).addClass('highlight');
       }).on('mouseout', 'td', function(){
           $(this).removeClass('highlight');
       });
 });