遍历

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()