jQuery在悬停时仅将类添加到此嵌套元素

我使用这个jQuery在鼠标悬停在li标记上时向span添加一个类。这是一个导航菜单，这段代码将blackfont类添加到所有菜单范围。我如何使用它使blackfont类仅应用于鼠标悬停的li

<script type="text/javascript">
 jQuery(document).ready(function() {
        jQuery("#second-menu ul li").hover(
          function () {
            jQuery("ul#secondary-menu li a span.sub").addClass("blackfont");
          },
          function () {
            jQuery("ul#secondary-menu li a span.sub").removeClass("blackfont");
          }
        );
    });
</script>

只需选择此元素内的跨度，即您悬停的跨度

---

只需选择此元素内的跨度，即您正在悬停的跨度。

第二菜单和第二菜单..这是一个打字错误还是两者相同？因此第二菜单位于第二菜单下？@ubercooluk是的，您的答案有效。我现在无法选择它。时间太早了，几分钟后会将其标记出来。Tysecond menu&secondary menu..这是一个打字错误还是两者都是一样的？所以secondary menu在second menu下？@ubercooluk是的，你的答案成功了，我现在无法选择它，太快了，几分钟后会标记出来。Tyor jQuery'span.sub'，jQuerythis。是不是查找速度慢了一点？或者jQuery'span.sub'，jQuerythis。找不到慢一点的吗？

<script type="text/javascript">
 jQuery(document).ready(function() {
        jQuery("#second-menu ul li").hover(function () {
            jQuery(this).find('span.sub').addClass("blackfont");
          },
          function () {
            jQuery(this).find('span.sub').removeClass("blackfont");
          }
        );
    });
</script>

<script type="text/javascript">
 jQuery(document).ready(function() {
        jQuery("#second-menu ul li").hover(
          function () {
            jQuery("span.sub", this).addClass("blackfont");
          },
          function () {
            jQuery("span.sub", this).removeClass("blackfont");
          }
    });
</script>