祖先是父母,祖父母,曾祖父母,依此類推。
與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遍歷參考 。