サンプルコード:
<div id='container'>
<h1>heading 1</h1>
<h2>heading 2</h2>
<p>paragraph</p>
</div>
このCSSセレクターと同等のjQueryで、div
の下のh1
要素を選択したいと思います。
#container h1 {}
まったく同じセレクターを単純に実装できます:
_$('#container h1')
_
_h1
_要素内で見つかったすべての_#container
_要素を選択するか、または:
_$('#container > h1')
_
_h1
_要素を親として持つ_#container
_要素のみを選択します(not祖父母、または他の形式の祖先)。
または、必要に応じて:
_$('#container').find('h1')
_
特定の_h1
_要素に制限することもできます:
_$('#container h1:first')
_
_h1
_要素内のfirst_#container
_要素のみを選択します。
参照: