深度列表使用jQuery从当前树中向所有父类li添加类

Question

我有这个清单：

<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>类设置为活动时，如何从当前树中具有类“has-items”的所有li父项添加一些其他css类。基本上我想添加另一个css类custom给所有具有当前树中的类has-items的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>

Answer 1

  

基本上我想为所有LI父母添加另一个css类自定义...

我假设你想要这样的东西

 $(".active").parents('.has-items').addClass('custom');

Answer 2

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