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 class ='ul-parent'>

并使用类选择器如下

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

Answer 2

尝试

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

我不推荐这个，最好在顶部ul添加一个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元素。

如何只选择列表中的直接子项？

3 个答案: