閱讀(8.5k) 書簽贊(0) 我要糾錯(cuò)

jQuery parents() 方法

2018-11-21 14:19 更新

實(shí)例

返回 <span> 的所有祖先元素：

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

Result:

body (great-great-grandparent)

div (great-grandparent)

parents() 方法返回被選元素的所有祖先元素。

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

DOM 樹：該方法從父元素向上遍歷 DOM 元素的祖先，直至文檔根元素的所有路徑（<html>）。

注意：如果 filter 參數(shù)為空，該方法將從直接父元素直至 <body> 和 <html> 的所有路徑中選取元素集合中的所有祖先。因此傳遞一個(gè)縮小搜索結(jié)果范圍的選擇器表達(dá)式是非常有用的。

該方法與 closest() 都是向上遍歷 DOM 樹，不同點(diǎn)是：

parents()

closest()

其他相關(guān)方法：

$(selector).parents(filter)

參數(shù)	描述
filter	可選。規(guī)定縮小搜索祖先元素范圍的選擇器表達(dá)式。注意：如需返回多個(gè)祖先，請(qǐng)使用逗號(hào)分隔每個(gè)表達(dá)式。