选择顶级孩子

Question

如何使用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');

它似乎只是添加到第一部分

Answer 1

使用child selector：

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

在旁注中，您无法嵌套<p>元素，因为它是无效的HTML。

Answer 2

你可以这样做：

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