Javascript querySelectorAll，如何只匹配顶部元素？

Question

我正在使用 polymer 。

假设我在模板中有如下内容

<ul>    
    <li>
        Home
    </li>
    <li>
        About
    </li>
    <li>
        Actions
        <ul>
            <li>
                Logout
            </li>
        </ul>
    </li>       
</ul>

在就绪函数中

var listNodes = this.querySelectorAll('ul > li');

我需要有关此 javascript 查询选择器的帮助。我应用的当前查询为我提供了该模板中所有 ul 的 li。但我只想要 li 的顶级 ul。我不想要模板的所有子项 li。我认为将其更改为正确的查询，我可能会得到正确的结果。请指导。谢谢。

Answer 1

使用 Mohit 的评论。能够找出答案。

var listNodes = this.querySelectorAll('ul:scope > li');