示例代码:
<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元素。
参考文献: