3.2.3 使用关系获取集合

3.2.3 使用关系获取集合 

jQuery允许根据DOM元素之间的层次关系从现有集合来获取新的集合 。

假设有一个段落元素是ID为description,我们想获取它上级<div>元素的个数

基于目前的选择器知识,这是不可能的  这也就是为什么会有parents()这样的专门方法。


var count = $('#description').parents('div').length;


使用parents(),可以查找期望的信息。这个方法可以在当前匹配的集合中查找每个元素的

上级元素(包含ID为description的段落元素P)

<p id='description1' >aaaaaaaaa</p>
<div><p id='description2' >bbbbbbbbb</p></div>
<p id='description3' >ccccccccc</p>

<script src="jquery-1.6.4.js" type="text/javascript"></script>

<script>
console.log($('#description2').parents('div').length);

</script>

如果想要知道这个假设的段落元素的子元素数量呢？ 则使用选择器可以轻易实现:

<p id='description1' >aaaaaaaaa</p>
<div><p id='description2' ><a>bbbbbbbbb</a></p></div>
<p id='description3' >ccccccccc</p>

<script src="jquery-1.6.4.js" type="text/javascript"></script>

<script>
console.log($('#description2 > *').length);

</script>