如何在jQuery中选择id下的子元素

Question

示例代码:

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

我想要一个jQuery等效的这个CSS选择器来选择下面的h1元素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选择器.