最上位レベルの子を選択する

Question

jQueryを使用して第1レベルのセクションにクラスを追加するにはどうすればいいですか？

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