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，这样当我们在孩子的选定页面上时，我可以将其设置为突出显示（选中）。即使<li class="ancestor">成为<li class="ancestor selected">或类似的东西。

HTML是从CMS生成的，所以我的想法是使用一些jQuery来做这件事最容易。

Answer 1

尝试在此使用closest()和addClass()：

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

Answer 2

类似的东西：

$('li.selected').parents('li').addClass('selected');

这会将selected类添加到向上的所有li元素，无论多少级别。

实例：http://jsfiddle.net/Gm2C6/

如何在子项具有特定类时向li添加类

2 个答案: