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

  • 相关阅读:
    5285: [Hnoi2018]寻宝游戏
    CF 1117 E. Decypher the String
    4515: [Sdoi2016]游戏
    CF 1051 G. Distinctification
    4820: [Sdoi2017]硬币游戏
    HNOI2019游记
    最近公共祖先(LCT)
    [WC2006]水管局长(LCT)
    P4178 Tree(点分治)
    二维凸包
  • 原文地址:https://www.cnblogs.com/lozio/p/4847547.html
Copyright © 2020-2023  润新知