悬停 addClass 上的 jQuery

Question

我知道使用 CSS，将鼠标悬停在一个元素上不能更改嵌套在给定元素内的元素的属性。所以，我一直在使用 jquery 来更改嵌套在给定元素内的元素的属性。我的代码如下:

<?php
    for($i=0;$i<$count;$i++)
    {
?>   
   <tr>
       <td>Sample</td>
       <td>Text</td>
   </tr>
<?php
    }
?>
<script type="text/javascript">
    $(document).ready(function(){

   $('tr').each(function(index) {
        $(this).hover(function() {  
            $(this).css("color", "#ffffff");    
            $(this).css("background-color", "#0080ff");
        });

        $(this).mouseout(function() {   
            $(this).css("color", "#222222");
            $(this).css("background-color", "#f0f0f0"); 
        });
    });
});
</script>

问题是，一旦我将鼠标悬停在标签上，我就会触发 mouseout 操作，并且字体颜色会切换回#222222，我希望只要我悬停在上面标签或其中的任何内容，行的背景颜色设置为#0080ff，字体颜色设置为#ffffff。有什么建议吗？

Answer 1

我认为您可以使用 CSS 定位正在悬停的对象内的元素。

在你的情况下:

tr {
    color: #222;
    background-color: #f0f0f0;
}

tr:hover {
    color: #fff;
    background-color: #0080ff;
}

这是 jsfiddle

看起来您的 javascript 正在执行的操作 - 更改 CSS 属性。我是否正确解读了您的问题？