jQuery 遍歷 - 祖先元素
使用 jQuery,您可以遍歷 DOM 樹向上查詢元素的祖先元素。
祖先是父級、祖父級、曾祖父級等。
遍歷 DOM 樹
三個有用的 jQuery 方法用於遍歷 DOM 樹向上查詢是:
parent()
parents()
parentsUntil()
jQuery parent() 方法
parent()
方法返回所選元素的直接父元素。
此方法只向上遍歷 DOM 樹一個級別。
下面的例子返回每個 <span>
元素的直接父元素
jQuery parents() 方法
parents()
方法返回所選元素的所有祖先元素,一直到文件的根元素 (<html>
)。
下面的例子返回所有 <span>
元素的所有祖先元素
您還可以使用一個可選引數來過濾祖先元素的搜尋。
下面的例子返回所有 <span>
元素的祖先元素中,型別為 <ul>
的元素
jQuery parentsUntil() 方法
parentsUntil()
方法返回兩個給定引數之間的所有祖先元素。
下面的例子返回 <span>
和 <div>
元素之間的所有祖先元素
jQuery 練習
jQuery 遍歷參考
有關所有 jQuery 遍歷方法的完整概述,請訪問我們的 jQuery 遍歷參考。