选择顶级子项

Selecting top level child

本文关键字:选择      更新时间:2023-09-26

如何使用jQuery而不是其他嵌套节将类添加到一级节?

<div id="container">
    <section>
         <p>...</p>
    </section>
    <p>
         <section>
             <p>...</p>
         </section>
    </p>
    <section>
         <p>...</p>
    </section>
    <p>
         <section>
             <p>...</p>
         </section>
    </p>
</div>
$('#container section:first-child').addClass('section');

它似乎只在第一节中添加了

使用子选择器:

$('#container > section').addClass('section');

另外,不能嵌套<p>元素,因为它是无效的HTML。

你可以这样做:

$('#container > section').addClass('section');