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>
zhaoyangjian724
发布了3754 篇原创文章 · 获赞 112 · 访问量 346万+
他的留言板
关注