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

Question

示例代码：

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

我想要一个相当于这个 CSS 选择器的 jQuery 来选择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 选择器。