选择顶级孩子

Question

How do I add a class to the first level sections with jQuery and not other nested sections?

<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');

It seems to be adding to the very first section only

Answer 1

Use the child selector :

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

And on a side note, you can't nest <p> elements as it's invalid HTML.

Answer 2

您可以这样做：

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