我有这个列表:
<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");
});