jQuery parentsUntil() 方法

2018-11-21 14:19 更新

jQuery parentsUntil() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回介于 <span> 和 <div> 之間的所有祖先元素:

$(document).ready(function(){
$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});

結(jié)果:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

嘗試一下 ?

定義和用法

parentsUntil() 方法返回介于 selectorstop 之間的所有祖先元素。

祖先是父、祖父、曾祖父,依此類推。

DOM 樹:該方法從父元素向上遍歷 DOM 元素的祖先,直至文檔根元素的所有路徑,直到到達(dá)指定的元素為止。

注意:如果兩個(gè)參數(shù)都為空,該方法將返回所有祖先元素(與 parents() 方法相同)。

相關(guān)方法:

  • parent() - 返回被選元素的直接父元素
  • parents() - 返回被選元素的所有祖先元素
  • closest() - 返回被選元素的第一個(gè)祖先

語法

$(selector).parentsUntil(stop,filter)

參數(shù) 描述
stop 可選。表示在哪里停止搜索匹配的祖先元素的選擇器表達(dá)式、元素、jQuery 對(duì)象。
filter 可選。規(guī)定縮小搜索介于 selectorstop 之間的祖先元素范圍的選擇器表達(dá)式。

注意:如需返回多個(gè)祖先元素,請(qǐng)使用逗號(hào)分隔每個(gè)表達(dá)式。


實(shí)例

更多實(shí)例

縮小搜索范圍
如何使用兩個(gè)參數(shù)來過濾對(duì)介于 <span> 與 <div> 之間的指定元素的搜索。

返回多個(gè)祖先元素
如何返回介于 <span> 與 <body> 之間的多個(gè)祖先元素。

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

使用 DOM 元素和選擇器表達(dá)式來過濾搜索
使用 DOM 元素來縮小搜索介于 <span> 與 <div> 之間的祖先元素 <ul> 的范圍。


jQuery 遍歷方法 jQuery 遍歷方法

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)