深度ul-li列表使用jQuery将类添加到当前树中的所有父类li



我有这个列表:

<ul class="top">
    <li class="has-items">
        <a href="#">Link</a>    
        <ul>
            <li class="has-items">
                <a href="#">Link</a>
                <ul>
                     <li class="active">
                         <a href="#">Link</a>
                     </li>   
                </ul>
            </li>   
        </ul>
    </li>   
</ul>

当我将当前链接父级<li>类设置为活动时,如何将其他css类添加到当前树中所有具有类"has items"的li父级。基本上,我想添加另一个css类custom,例如,到所有具有类的LI父级,该类具有当前树中的项,因此它将是这样的:

<ul class="top">
    <li class="has-items custom">
        <a href="#">Link</a>    
        <ul>
            <li class="has-items custom">
                <a href="#">Link</a>
                <ul>
                     <li class="active">
                         <a href="#">Link</a>
                     </li>   
                </ul>
            </li>   
        </ul>
    </li>   
</ul>

基本上,我想添加另一个css类自定义,例如,所有的LI家长。。。

我想你想要这样的

 $(".active").parents('.has-items').addClass('custom');
$("a").on('click', function(){
  $(this).parents("li.has-items").addClass("custom");
});

最新更新