jquery - jQueryでidの下の子要素を選択する方法

Question

サンプルコード:

<div id='container'>
  <h1>heading 1</h1>
  <h2>heading 2</h2>
  <p>paragraph</p>
</div>

h1この CSS セレクターに相当する jQueryで、以下の要素を選択したいと思いますdiv。

#container h1 {}

Answer 1

まったく同じセレクターを簡単に実装できます。

$('#container h1')

h1要素内で見つかったすべての要素を選択する#containerか、または:

$('#container > h1')

要素を親としてh1持つ要素のみを選択します（祖父母や他の形式の祖先ではありません）。#container

または、必要に応じて:

$('#container').find('h1')

h1特定の要素に制限することもできます。

$('#container h1:first')

要素内の最初の 要素のみを選択します。h1#container

参考文献:

• find().
• :firstセレクター。
• jQuery セレクター.