javascript - jQuery 以 this > a 为目标，其中 a 不是主题

Question

我已经编写了一个快速脚本来更改悬停时的颜色，如下所示，但是我需要能够定位$(this a).blah()是否有可能做到这一点？

如果有意义的话，使用'#nav ul li ul li a'整个目标ul a

代码：

<script type="text/javascript">
    // stuff for superfish
    $(document).ready(function($) {
      $('#nav ul li ul li').mouseenter(function(){
        $(this).css("background-color", "#4a4a4a");
        $('#nav ul li ul li a').css("color", "#fff");
      }).mouseleave(function(){
        $(this).css("background-color", "#404041");
        $('#nav ul li ul li a').css("color", "#ccc");
      });

    });
  </script>

Answer 1

您可以使用find：

$(this).find("a").css("color", "#fff");

或上下文部分：

$("a", this).css("color", "#fff");

Answer 2

尝试查找（）

获取当前匹配元素集中每个元素的后代，由选择器、jQuery 对象或元素过滤。

$(this).find('a').css({color:'#fff'})