Question

<ul>
 <li><a href="">link 1</a></li>
 <li><a href="">link 2</a></li>
 <li><a href="">link 3</a>
   <ul>
    <li><a href="">link 1</a></li>
    <li><a href="">link 2</a></li>
   </ul>
 </li>
</ul>

如果在LI悬停时，如何将类添加到LI的直接子节点'a'。

当我离开LI时，

该课程应该删除。

我正在尝试为此编写以下代码。

$('.nice-menu li').mouseover(function(){
       $(this).children('a' , 'span a')
    }) ;

Answer 1

您可以使用.hover()和.toggleClass()执行此操作，如下所示：

$('.nice-menu li').hover(function(){
   $(this).children('a' , 'span a').toggleClass('hoverClass');
});

请注意，事件会出现气泡，因此在嵌套链接的情况下，类将在父级和子级上切换，但通常要突出显示菜单中的父级，不确定但你做的是you can see what I mean here。

Answer 2

$('.nice-menu').find('li > a').bind('mouseenter', function(){
    $(this).addClass('whatsoever');
});

$('.nice-menu').find('li > a').bind('mouseleave', function(){
    $(this).removeClass('whatsoever');
});

或使用jQuery .hover（）实际上完全相同。

如何将类添加到<li>？</li>的直接子级中

2 个答案: