最新的Web開發教程
 

jQuery parentsUntil() Method

<jQuery的遍歷方法

返回之間的所有祖先元素<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()方法)。

相關的方法:

  • parent() -返回所選元素的直接父元素
  • parents() -返回所選元素的所有祖先元素
  • closest() -返回所選元素的始祖

句法

$(selector).parentsUntil( stop,filter )

參數 描述
stop 可選的。 選擇器表達式,元素或jQuery對象,指示在何處停止搜索匹配的祖先元素
filter 可選的。 指定選擇表達縮小了選擇停止之間的祖先搜索

注意:要返回多個祖先,每個表達式用逗號分隔。

試一試 - 示例

縮小搜索範圍
如何使用這兩個參數來篩選之間的特定元素的搜索<span><div>

返回多個祖先
如何與返回多個祖先<span><body>

DOM
返回之間的所有祖先<span><div>使用DOM元素。

使用DOM元素和選擇表達式過濾搜索
使用DOM元素縮小為始祖搜索<ul>的元素<span><div>


<jQuery的遍歷方法