jquery选择器 - 选择父母而不是孩子

Question

我正在尝试使用 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>

我想向作为第一级

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

Answer 1

> 是子选择器：

$('li.current_page_ancestor > a').
  add($('.sub-menu').parent().children('a')).
    addClass('arrow');

Answer 2

像这样？

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

css 选择器“>”表示“直接继承人”或“直接子代”。