例
返回的所有祖先元素<span>
$(document).ready(function(){
$("span").parents().css({"color":
"red", "border": "2px solid red"});
});
結果：
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
試一試» 定義和用法
該parents()方法返回所選元素的所有祖先元素。
祖先是父母，祖父母，曾祖父母，依此類推。
DOM樹：此方法從父元素遍歷向上沿DOM元素的祖先，直到文檔的根元素一路(<html>)
注意：如果過濾參數為空，這個函數將選擇一組元素的所有祖先，從直接父並一路到<body>和<html> 因此，常常是有用的，以傳遞一個選擇器表達式來縮小搜索結果。
此方法類似於closest()因為它們既向上遍歷DOM樹。 的不同之處如下：
parents()
- 與父元素開始
- 遊記了DOM樹，並返回所傳遞的表達式匹配所有祖先
- 返回的jQuery對象包含零或一個以上的元素
closest()
- 與當前元素開始
- 遊記了DOM樹，並返回所傳遞的表達式匹配的始祖
- 返回的jQuery對象包含零或一個元素
其他相關的方法：
- parent() -返回所選元素的直接父元素
- parentsUntil() -返回兩個給定的參數之間的所有元素祖先
句法
$(selector).parents( filter )| 參數 | 描述 |
|---|---|
| 類=“notranslate”新增過濾器 | 可選的。 指定選擇器表達式來縮小為祖先搜索 注意：要返回多個祖先，每個表達式用逗號分隔。 |
試一試 - 示例
縮小搜索範圍
如何使用過濾器參數返回的所有祖先<span>是<ul>元素。
返回多個祖先
如何使用過濾器參數返回的所有祖先<span>是<li>和<div>元素。
顯示元素的按標籤名祖先
演示，顯示一個誰的祖先<span>元素實際上是。