1

我正在尝试使用 jquery 来选择一个元素并向该元素添加一个类。我的 html 类似于以下内容：

<ul id="top">
    <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor">
    <a href="#">Corporate</a>
        <ul class="sub-menu">
            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11">
                <a href="#">Press</a>
            </li>
            <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-88 current_page_item menu-item-90">
                <a href="#">Press</a>
            </li>
        </ul>
    </li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a>
         <ul class="sub-menu"><li><a href="#">Link</a></li></ul>
    </li>
</ul>

我想为作为第一级<li>元素的直接子元素的每个锚链接添加一个“箭头”类。换句话说，我希望“公司”链接具有“箭头”类，但 .submenu 中的任何锚链接都不具有该类。我已经尝试了以下 jquery ( $("li.current_page_ancestor a:nth-child(1)").addClass("arrow");)，但是它将类添加到每个锚链接，这是有道理的。如何将该类添加到作为顶级列表项的直接子级的锚链接？

4

2 回答 2

0

>是子选择器：

$('li.current_page_ancestor > a').
  add($('.sub-menu').parent().children('a')).
    addClass('arrow');
于 2011-09-01T00:03:03.367 回答
0

像这样？

$('ul#top > li > a').addClass('arrow')

css-selector " > " 表示“直接死者”或“直接孩子”。

于 2011-09-01T00:03:32.030 回答