Question

这是我的测试HTML代码：

<ul class="content">
<li class="data">
test1
    <ul>
        <li class="data">t1</li>
        <li class="data">t2</li>
    </ul>
</li>
<li class="data">
test2
    <ul>
        <li class="data">t3</li>
    </ul>
</li>
<li class="data">
test3
    <ul>
        <li class="data">t4</li>
    </ul>
</li>

jquery代码是：

$(".content li").each(function(index, element) {
    console.log(element);
});

在此功能中，所有li列表都有类＆＃39;数据＆＃39;在主要的ul。但我只需要迭代3个父li列表。我该如何修改这个jquery？请帮助我:)。

Answer 1

尝试使用child selecter >之类的，

$(".content > li").each(function(index, element) {
    console.log(element);
});

Answer 2

在jquery选择器中，在.content和li ..

之间添加>

$(".content > li").each(function (index, element) {
    console.log(element);
});

>寻找直接的孩子，而不是所有的孩子

Answer 3

您甚至可以像{@ 1}一样使用{/ 1}}

.children

DEMO

使用每个函数jquery迭代parent li

3 个答案: