jQuery仅适用于当前li

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