Question

当我将鼠标悬停在相关的第一级li上时，我想滑动切换第二级ul。

目前，脚本会在鼠标悬停时显示所有辅助ul。

<div id="subNav">
<ul>
   <li>One</li>
       <ul>
           <li>SubOne</li>
       </ul>
   </li>
   <li>Two</li>
   <li>
       <ul>
           <li>SubTwo</li>
       </ul>
   </li>
</ul>
</div>

这是我的jQuery

$("#sideNav ul li").hover(
        function(){
            $('#sideNav ul li ul').slideDown();
        },
        function(){
            $('#sideNav ul li ul').slideUp();
        }
    );

Answer 1

您需要在函数内部使用$(this)作为目标。

$("#subNav>ul>li").hover(
    function(){
        $(this).children('ul').slideDown();
    },
    function(){
        $(this).children('ul').slideUp();
    }
);

注意：以上内容仅适用于root ul。我认为这就是你想要做的。

Answer 2

尝试：

$(this).find('ul')

我没有测试过这个。

HTH

jQuery仅适用于当前的li

2 个答案: