jquery - 如何仅选择列表中的直接子项？

Question

例如我有简单的列表

<ul>
    <li></li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
</ul>

我正在努力获得<li>除第二名之外的所有内容<ul>。首先我试过了ul li，然后ul > li还是得到了所有<li>。

Answer 1

用>这个作为

jQuery( "parent > child" )

在第一个 ul 上放一个类

<ul class ='ul-parent'>

并使用类选择器如下

$('ul.ul-parent > li')

Answer 2

尝试

$('ul:first').children('li')

我不推荐这个，最好在顶部添加一个 id/class 并使用它来选择孩子

<ul id="topul">
    <li></li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
</ul>

然后

$('#topul').children('li')

Answer 3

您可以使用

$('li').not('ul ul li')

这将仅选择第一级li元素。