jQuery遍曆-祖先

來源:互聯網
上載者:User

標籤:等等   例子   class   直接   方法   dom   blog   until   code   

祖先是父、祖父或曾祖父等等。

通過 jQuery,您能夠向上遍曆 DOM 樹,以尋找元素的祖先。

 

向上遍曆 DOM 樹

這些 jQuery 方法很有用,它們用於向上遍曆 DOM 樹:

  • parent()
  • parents()
  • parentsUntil()
jQuery parent() 方法

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

該方法只會向上一級對 DOM 樹進行遍曆。

下面的例子返回每個 <span> 元素的的直接父元素:

$(‘span‘).parent();

 

jQuery parents() 方法

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

下面的例子返回所有 <span> 元素的所有祖先:

$(‘span‘).parents(); 

 

您也可以使用選擇性參數來過濾對祖先元素的搜尋。

下面的例子返回所有 <span> 元素的所有祖先,並且它class屬性為c1:

$(‘span‘).parents(‘.c1‘);

 

 

jQuery parentsUntil() 方法

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

下面的例子返回介於 <span> 與 <div> 元素之間的所有祖先元素:

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

 

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.