jQuery parentsUntil() 方法
jQuery
遍曆方法實例
返回介於 <span> 和 <div> 之間的所有祖先元素：
$(document).ready(function(){
$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
結果：
body (great-great-grandparent)
div (great-grandparent)
- ul (grandparent)
- li (direct parent) span
定義和用法
parentsUntil() 方法返回介於 selector 與 stop 之間的所有祖先元素。
祖先是父、祖父、曾祖父，依此類推。
DOM 樹：該方法從父元素向上遍曆 DOM 元素的祖先，直至文檔根元素的所有路徑，直到到達指定的元素為止。
注意：如果兩個參數都為空，該方法將返回所有祖先元素（與 parents() 方法相同）。
相關方法：
語法
$(selector).parentsUntil(stop,filter)
| 參數 | 描述 |
|---|---|
| stop | 可選。表示在哪里停止搜索匹配的祖先元素的選擇器運算式、元素、jQuery 對象。 |
| filter | 可選。規定縮小搜索介於 selector 與 stop 之間的祖先元素範圍的選擇器運算式。 注意：如需返回多個祖先元素，請使用逗號分隔每個運算式。 |
更多實例
縮小搜索範圍
如何使用兩個參數來過濾對介於 <span> 與 <div> 之間的指定元素的搜索。
返回多個祖先元素
如何返回介於 <span> 與 <body> 之間的多個祖先元素。
DOM
使用 DOM 元素返回介於 <span> 與 <div> 之間的所有祖先元素。
使用 DOM 元素和選擇器運算式來過濾搜索
使用 DOM 元素來縮小搜索介於 <span> 與 <div> 之間的祖先元素 <ul> 的範圍。