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

前端之家收集整理的这篇文章主要介绍了如何在jQuery中选择id的子元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
示例代码
<div id='container'>
  <h1>heading 1</h1>
  <h2>heading 2</h2>
  <p>paragraph</p>
</div>

我想要一个jQuery等效的这个CSS选择器来选择div下的h1元素:

#container h1 {}

解决方法

您可以简单地实现完全相同的选择器:
$('#container h1')

它选择#container元素中找到的每个h1元素,或者:

$('#container > h1')

其中仅选择具有#container元素作为其父(不是祖父母或其他形式的祖先)的h1元素。

或者,如果你喜欢:

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

您也可以将其限制为特定的h1元素:

$('#container h1:first')

它仅选择#container元素中的第一个h1元素。

参考文献:

> find()
> :first selector
> jQuery selectors

猜你在找的jQuery相关文章