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

Question

当鼠标悬停在 li 标记上时，我使用此 jQuery 将类添加到跨度。它用于导航菜单，此代码将 blackfont 类添加到所有菜单范围。如何使用 this() 将 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>

Answer 1

<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>

只需选择 this 元素内的范围，即您悬停的范围。