jQuery parent() 方法

2018-11-21 14:19 更新

jQuery parent() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回 <span> 的直接父元素:

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

結(jié)果:

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

嘗試一下 ?

定義和用法

parent() 方法返回被選元素的直接父元素。

DOM 樹:該方法只沿著 DOM 樹向上遍歷單一層級。如需向上遍歷直至文檔根元素的所有路徑(返回祖父節(jié)點(diǎn)或其他祖先),請使用 parents()parentsUntil() 方法。

提示:如需沿著 DOM 樹向下遍歷單一層級,或向下遍歷直至最后一個后代的所有路徑(返回子節(jié)點(diǎn)或其他后代),請使用 children() find() 方法。


語法

$(selector).parent(filter)

參數(shù) 描述
filter 可選。規(guī)定縮小搜索父元素范圍的選擇器表達(dá)式。


實(shí)例

更多實(shí)例

返回 <span> 元素的直接父元素
如何返回 <span> 元素的直接父元素。

縮小搜索范圍
如何使用 filter 參數(shù)來返回每個 <span> 的父元素中帶有類名 "1" 的 <li> 元素。

返回每個 <p> 元素的直接父元素中的 <div> 元素
如何返回每個 <p> 元素的所有直接父元素中的 <div> 元素。

通過標(biāo)簽名演示元素的祖先元素
演示 <span> 元素的祖先。


jQuery 遍歷方法 jQuery 遍歷方法

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號