返回 <span> 的所有祖先元素:
Result:
parents() 方法返回被選元素的所有祖先元素。
祖先是父、祖父、曾祖父,依此類推。
DOM 樹:該方法從父元素向上遍歷 DOM 元素的祖先,直至文檔根元素的所有路徑(<html>)。
注意:如果 filter 參數為空,該方法將從直接父元素直至 <body> 和 <html> 的所有路徑中選取元素集合中的所有祖先。因此傳遞一個縮小搜索結果范圍的選擇器表達式是非常有用的。
該方法與 closest() 都是向上遍歷 DOM 樹,不同點是:
parents()
closest()
其他相關方法:
參數 | 描述 |
---|---|
filter | 可選。規定縮小搜索祖先元素范圍的選擇器表達式。 注意:如需返回多個祖先,請使用逗號分隔每個表達式。 |
縮小搜索范圍
如何使用 filter 參數來返回 <span> 的所有祖先中的 <ul> 元素。
返回多個祖先
如何使用 filter 參數來返回 <span> 的所有祖先中的 <li> 和 <div> 元素。
通過標簽名演示元素的祖先
演示 <span> 元素的祖先。