2013-08-03 136 views
0

我試圖在子列表懸停時更改父列表項的css類。例如,我有:jQuery:選擇父列表項

<ul class="ipro_menu"> 
    <li class="menu-first"> 
     <a href="#">First</a> 
     <ul class="sub-menu"> 
      <li><a href="#">Other A</a></li> 
      <li><a href="#">Other B</a></li> 
     </ul> 
    </li> 
    <li class="menu-second"><a href="#">Second</a></li> 
</ul> 

所以,當一個.sub-menu li元素徘徊,改變類的父li它駐留在我想要做到的是在這個例子中,如果包含「其他li。 A「或」其他B「懸停,請更改li.menu-first的類別。

我已經試過:

$('.sub-menu li').hover(function(){ 
    //$(this).closest('.ipro_menu li').addClass('color_a'); 
    //$(this).parent().addClass('color_a'); 
    //$(this).parents('li').prev().addClass('color_a'); 
      // None of the above 3 worked... 
}); 

回答

0

我覺得你只是想:

$(this).parents("li").addClass("color_a") 

這應該工作。我不知道你爲什麼在你的嘗試中加入.prev()