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

我有多行，每行中都有一个跨度，设置为透明：

span {
  color: transparent;
}

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

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

---

但是，这会同时影响每一行，而不是悬停在上面的特定行。。您使用什么语法来影响悬停在上面的特定行，而不是不使用id的每一行？

您可以使用

$（这个）。查找（'span'）

在当前悬停的

行中选择一个span

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

或使用快捷方式（'span'，this）

---

))

当前被接受的答案中的javascript方法可以正常工作（前提是注释中提到的bug已经修复）——但为了完整起见，最好使用纯CSS版本

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

---

使用

$（this）

而不是

$（'span'）

。使用纯CSS这不是更容易吗？

$（'span'，this）.CSS

是

$（this）的快捷方式。找到（'span'）

一个真正不必要的快捷方式IMHO（它的可读性比

低得多。找到
，并像五次按键一样保存）@DanielBeck同意。为此目的而编辑
.single-row span {color: transparent}
.single-row:hover span {color: #999}