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元素中的范围，即您正在悬停的范围。

Answer 2

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

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

2 个答案: