jquery-selectors - 仅在无序列表中选择父项的正确选择器

Question

我有一个无序列表如下:

<ul id="menu">
    <li><a href="#">Event Overview</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>
    <li><a href="#">About</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Blog</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Contact</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

</ul>

我需要选择所有父列表项，而不是子列表项。例如，我需要选择包含“事件概述”的列表项，而不是包含“此处有一些文本”的列表项。

通常，我的选择器如下所示 #menu-nav li 但这会选择所有列表项，包括子项。

什么是合适的选择器？

Answer 1

child 选择器(提示天使唱歌):

#menu > li

它只会选择#menu 的直接 子级的li 元素。