Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery选择器-选择父项而不是子项_Jquery_Selector_Parent Child_Siblings - Fatal编程技术网

jquery选择器-选择父项而不是子项

jquery选择器-选择父项而不是子项,jquery,selector,parent-child,siblings,Jquery,Selector,Parent Child,Siblings,我试图使用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="#">C

我试图使用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>
我想为每个锚定链接添加一个arrow类,它是第一级元素的直接子元素。换句话说,我希望公司链接有一个箭头类,但不希望.submenu中的任何锚链接有该类。我尝试了以下jquery$li.current\u page\u祖先a:nth-child1.addClassarrow;,但它将类添加到每个锚链中,这是有意义的。如何将该类添加到作为顶级列表项直接子项的锚定链接中?

>是子选择器:

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

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

css selector>的意思是直接死者或直接子女。

你确定不仅仅是你的css把事情搞砸了吗?你说得对,谢谢!我还尝试添加另一个类,请参见上面评论中的文本。这很好。我还想将箭头类添加到.sub菜单父菜单内的所有锚定链接。我刚刚更新了上面的示例。在本例中,我想将arrow类添加到代码中的最后一个锚点链接,即sub菜单正上方的锚点,sum菜单上方的锚点是什么?它就在它里面:-/@JCHASE我更新了我的帖子,以反映你问题中的变化。它是导航链接,你可以悬停在上面以获得子菜单。请看这里的演示:crew链接旁边应该有一个箭头,因为它有一个子菜单,在您的帖子中看不到差异!!它适用于所有当前页面,但对于非当前导航链接,以及一组子菜单,它不起作用!