javascript - 使用每个函数 jquery 迭代父 li

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 列表都在主 ul 下具有类“数据”。 但我只需要迭代 3 个父 l​​i 列表。我该如何修改这个jquery？ 请帮助我:)

Answer 1

尝试使用child selecter > 喜欢，

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