Question

我有多行，每行都有一个设置为透明的范围：

span {
  color: transparent;
}

现在悬停一行时，我通过添加以下jQuery来设置跨度：

  $('.single-row').hover(function(){
            $('span').css("color", "#999");
        }, function() {
            $('span').css("color", "transparent");
      }
   );

但是，这会同时影响每一行，而不是特定的行被覆盖。在不使用id的情况下，使用什么语法来影响特定行而不是每行？

Answer 1

您可以使用$(this).find('span')选择current hovered行

内的范围

 $('.single-row').hover(function(){
           $(this).find('span').css("color", "#999");
        }, function() {
          $(this).find('span').css("color", "transparent");  
      } 
   );

或使用快捷方式 $('span',this)

$('.single-row').hover(function(){
        $('span',this).css("color", "#999");
    }, function() {
       $('span',this).css("color", "transparent");  
  }

）;

Answer 2

当前接受的答案中的javascript方法可以正常工作（如果注释中提到的bug是固定的） - 但为了完整性，这个纯CSS版本将是

.single-row span {color: transparent}
.single-row:hover span {color: #999}

如何使用jQuery从类中选择一个元素？

2 个答案: