jquery - 更改悬停时的链接颜色

Answer 1

将此行添加到您的 CSS 文件并忘记 jQuery：

tr:hover a { color: white; }

如果您非常希望您的 jQuery 代码能够正常工作，那么您只需要定位悬停行内的锚点：

$('tr').hover(function(){
   $('a', this).css('color','white');
 });

Answer 2

有一些方法可以做到。.hover 方法可以有两个功能（将鼠标移到上方，将鼠标移出），您可以同时实现这两个功能来更改颜色，例如：

1 - 通过 javascript (jquery)

$(document).ready(function(){
  $('tr').hover(
    function(){
      var $this = $(this);
      $this.css('background-color', '#fff');
    },
    function(){
      var $this = $(this);
      // original color -> $this.css('background-color', $this.data('bgcolor'));
      $this.css('background-color', '#000');
    }
  );    
});

您可以使用.data('bgcolor')样式属性或标签上设置的原始 css 来获取颜色。

2）或者只是添加一个CSS

.row {
   background-color: #000;
}

.row : hover {
   background-color: #fff;
}

并将其设置在行上

<tr class='row'>
...
</tr>

Answer 3

我面临着类似的问题；发现这个解决方案是有效的。

     div.cntrblk tr:hover td a {
       color:rgb(0,0,255);
     }

Answer 4

我不知道它是否与您的情况相关，我正在制作一种主要颜色和第二种颜色为白色的网站。每次刷新颜色都是随机的，所以我需要悬停元素来改变颜色。所以我最终得到：

#menu-buttons>li{ color:#fff; }
#menu-buttons>li:hover { color: inherit; }

然后我只是为父元素分配随机颜色：

$('#menu-buttons').css('color',mainColor);