jquery - 当 child 有特定类(class)时如何将类(class)添加到 li

Question

我是一个完全的初学者，所以我知道这可能非常简单......

我有以下菜单系统的 html 输出:

<ul>
  <li><a href="#">Home</li>
  <li class="ancestor">
    <a href="#">About</a>   
    <ul>
        <li>
            <a href="#">Our company</a>       
        </li>
    <li class="selected">
            <a href="#">Our team</a>   
        </li>
    </ul>
   </li>
</ul>

当前页面是“我们的团队”，因此被标记为已选中。

我希望能够向父级添加一个类 li这样当我们在 child 的选定页面上时，我可以将其设置为突出显示(选定)。即 <li class="ancestor">变成 <li class="ancestor selected">或类似的东西。

HTML 是从 CMS 生成的，所以我的想法是使用一些 jQuery 来执行此操作最简单。

Answer 1

尝试使用closest()和 addClass()这里:

$('li.selected').closest('.ancestor').addClass('active');