选择元素中的链接,但不选择该元素的子元素中的链接

时间:2014-07-20 21:56:10

标签: javascript selector

我在标签中有一个导航栏。它是一个无序列表,在一些列表项中我有子菜单(列表项中的另一个无序列表)。我想选择' a' nav元素中的标记但不在子菜单中。到目前为止我有这个:

document.querySelector('nav').getElementsByTagName('a')

但它抓住了每一个' a'导航栏中的标签。

如何选择' a'导航栏中的标签,但不是其子项?

由于

1 个答案:

答案 0 :(得分:2)

使用子组合器选择器nav > a。它只会选择a的直接子项nav元素。

另请参阅:http://css-tricks.com/child-and-sibling-selectors/