parents 屬性詳解

2021-08-21 10:42:37 字數 2002 閱讀 4928

在js中單引號和雙引號都是一樣的,平時使用的時候盡量用單引號,只有碰到巢狀的時候才會同時用兩種引號

parents()函式用於選取每個匹配元素的祖先元素,並以jquery物件的形式返回。

你還可以使用選擇器來進一步縮小選取範圍,只選取其中符合指定選擇器的元素。

該函式屬於jquery物件(例項)。

jqueryobject

.parents([

selector

])

引數

描述selector

可選/string型別指定的選擇器字串,用於篩選匹配的元素。

parents()函式將選取當前jquery物件每個匹配元素的符合選擇器selector祖先元素

如果省略selector引數,則選取所有的祖先元素。

parents()函式的返回值為jquery型別,返回乙個新的jquery物件,該物件封裝了當前jquery物件每個匹配元素的符合選擇器selector(如果指定了的話)的所有祖先元素。

如果沒有符合條件的元素,則返回空的jquery物件。

以下面這段html**為例:

id=

"n1"

>

id="n2"

>id=

"n3"

>id=

"n4"

class

="foo"

>

id="n5"

class

="bar"

>

id="n6"

class

="foo"

>

以下jquery示例**用於演示parents()函式的具體用法:

// 返回jquery物件所有匹配元素的標識資訊陣列

// 每個元素形如:tagname或tagname#id(如果有id的話)

function

gettagsinfo

($doms

)).get

();}

var$n4 =$

("#n4"

);//獲取n4的祖先元素

var$parents1

=$n4

.parents

();document

.writeln

(gettagsinfo

($parents1 ));

// p#n3,div#n1,body,html

var$p =$

("p"

);//獲取所有p元素的祖先元素

var$parents2 =$p

.parents

();document

.writeln

(gettagsinfo

($parents2 ));

// div#n5,div#n1,body,html

//獲取所有p元素的包含類名"bar"的祖先元素

var$parents3 =$p

.parents

(".bar"

);document

.writeln

(gettagsinfo

($parents3 ));

//  div#n5

var$foo =$

(".foo"

);//獲取所有包含類名"foo"的元素的祖先元素中的div元素

var$parents4

=$foo

.parents

("div"

);document

.writeln

(gettagsinfo

($parents4 ));

// div#n5,div#n1

jquery parent和parents得區別

先說一下parent和parents的區別 從字面上不難看出 parent是指取得乙個包含著所有匹配元素的唯一父元素的元素集合。parents則是取得乙個包含著所有匹配元素的祖先元素的元素集合 不包含根元素 可以通過乙個可選的表示式進行篩選。可以看出parent的取值很明確,就是當前元素的父元素 p...

jquery parent和parents的區別

從字面上不難看出parent是指取得乙個包含著所有匹配元素的唯一父元素的元素集合。parents則是取得乙個包含著所有匹配元素的祖先元素的元素集合 不包含根元素 可以通過乙個可選的表示式進行篩選可以看出parent的取值很明確,就是當前元素的父元素 parents則是當前元素的祖先元素。下面列出例子...

parent 和 parents 的區別

parent的取值很明確,就是當前元素的父元素 parents則是當前元素的祖先元素。下面列出例子說明 如下 p parent 取到的是div2,div3,div4 p parent a 取到的是div3 p parent parent 取到的是div1,這點比較奇特 不過jquery物件本身的特點...