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