读jQuery官方文档：遍历

遍历

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

转载于:https://www.cnblogs.com/lozio/p/4847547.html