如何在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 selector。
• jQuery selectors。