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

Question

サンプルコード：

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

このCSSセレクターと同等のjQueryで、divの下のh1要素を選択したいと思います。

#container h1 {}

Answer 1

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

_$('#container h1')
_

_h1_要素内で見つかったすべての_#container_要素を選択するか、または：

_$('#container > h1')
_

_h1_要素を親として持つ_#container_要素のみを選択します（not祖父母、または他の形式の祖先）。

または、必要に応じて：

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

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

_$('#container h1:first')
_

_h1_要素内のfirst_#container_要素のみを選択します。

参照：

• find() 。
• _:first_セレクター 。
• jQueryセレクター 。