例
返回之間的所有祖先元素<span>和<div>
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px
solid red"});
});
結果:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
試一試» 定義和用法
該parentsUntil()方法返回選擇器和站之間的所有祖先元素。
祖先是父母,祖父母,曾祖父母,依此類推。
DOM樹:此方法從父元素遍歷向上沿DOM元素的祖先,直到文檔的根元素了一路,直到它到達一個特定的元素。
注意:如果兩個參數都是空的,此方法將返回所有祖先元素(同parents()方法)。
相關的方法:
句法
$(selector).parentsUntil( stop,filter )
參數 | 描述 |
---|---|
stop | 可選的。 選擇器表達式,元素或jQuery對象,指示在何處停止搜索匹配的祖先元素 |
filter | 可選的。 指定選擇表達縮小了選擇和停止之間的祖先搜索 注意:要返回多個祖先,每個表達式用逗號分隔。 |
試一試 - 示例
縮小搜索範圍
如何使用這兩個參數來篩選之間的特定元素的搜索<span>和<div>
返回多個祖先
如何與返回多個祖先<span>和<body>
DOM
返回之間的所有祖先<span>和<div>使用DOM元素。
使用DOM元素和選擇表達式過濾搜索
使用DOM元素縮小為始祖搜索<ul>的元素<span>和<div>