整理Jquery的遍曆方法

來源:互聯網
上載者:User

標籤:jquer   span   文檔   children   script   code   bsp   style   eval   

一、遍曆父元素的幾種方法

1.遍曆直接父元素:parent () 方法

parent() 方法只會返回被選元素的直接父元素。

 $("span").parent();

2.遍曆所有父元素:parents () 方法

 parents() 方法返回被選元素的所有祖先元素,它一路向上直到文檔的根項目 (<html>)。

$("span").parents();// 返回span的所有父元素
 $("span").parents(".box"); //返回所有span的父元素並且類名為box的元素

3. 遍曆介於兩元素直接的父元素 :parentsUntil () 方法

  parentsUntil() 方法返回介於兩個給定元素之間的所有祖先元素。

$("span").parentsUntil("div");

 

二、遍曆子項目的幾種方法

1.遍曆直接子項目:children()  方法

 children() 方法返回被選元素的所有直接子項目。

$("div").children();//返回div的所有子項目
$("div").children("p.one");// 返回類名為 "one" 的所有 <p> 元素,並且它們是 <div> 的直接子項目

2.遍曆所有子項目: find() 方法

 find() 方法返回被選元素的後代元素,一路向下直到最後一個後代。

$("div").find("*"); //返回div的所有子項目
$("div").find("span,li"); //返回div的所有span和li標籤的元素

三、遍曆同胞的幾種方法

1.siblings() 方法返回被選元素的所有同胞元素。

$("h2").siblings();//返回h2的所有兄弟元素

2.next() 方法返回被選元素的下一個同胞元素。

$("h2").next();

3.nextAll() 方法返回被選元素的所有跟隨的同胞元素即排在他之後的所有兄弟元素。

$("h2").nextAll();

4.nextUntil() 方法返回介於兩個給定參數之間的所有跟隨的同胞元素。

$("h2").nextUntil("h6");//返回介於<h2>和<h6>間的所有兄弟元素

5.prev()方法返回被選元素的上一個同胞元素

$("h2").prev(); //返回<h2>的上一個兄弟元素

6.prevAll() 方法返回被選元素的排在他之前的所有兄弟元素。

$("h2").prevAll(); //返回<h2>之前的所有兄弟元素

7.prevUntil() 方法返回介於兩個給定參數之間的所有之前的同胞元素。

$("h2").prevUntil("h6");//返回介於<h2>和<h6>間的所有兄弟元素

 

整理Jquery的遍曆方法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.