2

このjQueryを使用して、マウスがliタグの上にあるときにスパンにクラスを追加しています。これはナビゲーションメニュー用です。このコードは、すべてのメニュースパンにblackfontクラスを追加しています。this()マウスが置かれているliにのみblackfontクラスを適用するにはどうすればよいですか？

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

2 に答える 2

3 
<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ホバリングしているエレメント内のスパンを選択するだけです。

于 2012-08-31T17:53:41.490 に答える
1 
<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>
于 2012-08-31T17:52:42.943 に答える