我知道使用 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。有什么建议么?