jQuery parentsUntil() 方法
示例
返回 <span> 和 <div> 之間的所有祖先元素
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
結果
body (曾祖父)div (祖父)ul (祖父母)- li (直接父元素) span
自己動手試一試 »
定義和用法
parentsUntil() 方法返回選擇器和停止之間的所有祖先元素。
祖先是父級、祖父級、曾祖父級等。
DOM 樹:該方法沿著 DOM 元素的祖先向上遍歷,直到文件的根元素,直到找到指定的元素。
注意:如果兩個引數都為空,此方法將返回所有祖先元素(與 parents() 方法相同)。
相關方法
語法
$(選擇器).parentsUntil(停止,篩選)
引數 | 描述 |
---|---|
停止 | 可選。一個選擇器表示式、元素或 jQuery 物件,指示在哪裡停止搜尋匹配的祖先元素 |
篩選器 | 可選。指定一個選擇器表示式,用於縮小選擇器和停止之間祖先的搜尋範圍 注意:要返回多個祖先,請用逗號分隔每個表示式。 |
親手嘗試 - 示例
縮小搜尋範圍
如何同時使用兩個引數來過濾搜尋 <span> 和 <div> 之間的特定元素。
返回多個祖先
如何返回 <span> 和 <body> 之間的多個祖先。
DOM
使用 DOM 元素返回 <span> 和 <div> 之間的所有祖先。
使用 DOM 元素和選擇器表示式來縮小搜尋範圍
使用 DOM 元素縮小 <span> 和 <div> 之間的 <ul> 元素的祖先搜尋範圍。