当子菜单处于活动状态时向父项li添加班级

Question

尽管使用Google搜索几个小时，但我仍然遇到问题。 我有一个菜单，其子菜单。

<div class="themenu"> 
    <ul> 

     <li>Link 1    //Want to add class catactive here when the following submenu is active 

     <div class="thesubmenu"> 

      <ul> 
      <li class="subcat-active">submenu1</li> 
      </ul> 

     </div> 

     </li> 
    </ul> 
</div> 

我试过使用这个查询，但没有发生。

$(document).ready(function(){ 
       if($('.thesubmenu ul li').hasClass('subcat-active')){ 
        $(this).parent('.themenu ul li').addClass('cat-active'); 
       } 
      }); 

Answer 1

写这个的方法有很多，但不需要迭代（.each()）或使用.hasClass()，这会减慢这个简单的调用。

只需选择li项目.subcat-active，然后使用closest('li')查找最接近的li祖先并添加该类。您首先需要使用.parent()，因为closest()包含的起始元素也是li。

$(document).ready(function(){ 
    $('.thesubmenu ul li.subcat-active').parent().closest('li').addClass('cat-active'); 
}); 

http://jsfiddle.net/3ehvqzjh/1/

Answer 2

$(document).ready(function(){ 
    $('.subcat-active').each(function() { 
     $(this).parents('li').eq(0).addClass('cat-active'); 
    }); 
}); 

Working example

Answer 3

只是做：

$(document).ready(function(){ 
    $('.thesubmenu ul li.subcat-active').each(function(){ 
     $(this).parent().closest('li').addClass('cat-active'); 
    }); 
}); 

演示：http://jsfiddle.net/bpkpn6b5/

Answer 4

这里是一个DEMO

$(document).ready(function(){ 

    if ($('.thesubmenu ul li').hasClass('subcat-active')) { 
      $('.thesubmenu ul li').parents('li:eq(0)').addClass('cat-active'); 
    } 
});