遍历
jQuery的快捷遍历方法可以快速定位到想要的元素。查找祖先元素
html<div class="grandparent">
<div class="parent">
<div class="child">
<span class="subchild"></span>
</div>
</div>
<div class="surrogateParent1"></div>
<div class="surrogateParent2"></div>
</div>
$('span.subchild').parent(); //returns [div.child]
$('span.subchild').parents(); //returns [div.child, div.parents, div.grandparent]
//也可以特指获取哪个祖先元素
$('span.subchild').parents('div.parent'); //returns [div.parent]
查找祖先元素还有.parentsUntil()
, .closeset()
。
如果想要查找后代元素呢?有.children()
和.find()
方法:
$('span.grandparent').children(); //returns [div.parent, div.surrogateParent1, div.surrogateParent2]
$('span.grandparent').find('div'); //return [div.parent, div.child, div.surrogateParent1, div.surrogateParent2]
.children()
与.find
不同之处在于children只返回一层子元素,find返回所有后代元素。
此外,如果想要查找同辈元素呢?有
- .next()
- .nextAll()
- .nextUntil()
- .prev()
- .prevAll()
- .prevUntil()
还有返回所有同辈元素的siblings()