$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 哪位大神來解釋下
$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 為什么會返回空集合？
3 回答
舉報
0/150
提交
取消
$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 為什么會返回空集合？
2016-08-02
舉報
2016-10-14
我已經知道這個原因了，大家可以去看下JQ源碼：
里面有這么一段:這是parents()的
if?(?cur.nodeType?===?1?)?{?????//主要看這一句，當父級對象的nodeType為1時；
matched.push(?cur?);???????????//將這個父級對象插入matched數組；matched數組初始狀態是空；
}
cur?=?cur[dir];??????????
}
return?matched;????????????????//返回這個數組
所以$("html")的父級是document，document的nodeType是9，因此不會被放入數組；
然而parent()方法就沒有這個判斷，
parent:?function(?elem?)?{
????????var?parent?=?elem.parentNode;
????????return?parent?&&?parent.nodeType?!==?11???parent?:?null;??//當父元素nodeType不為11時，直接返回
????},
? ?
2016-08-02
parents()是取得一個包含著所有匹配元素的祖先元素的元素集合（不包含根元素），而parent()是取得一個包含著所有匹配元素的唯一父元素的元素集合。當$的對象是根元素html時，parents()就是空集合，parent()就是文檔集合
2016-08-02
parent與parents的區別:
parent()方法能夠在DOM樹中搜索到這些元素的父級元素，從有序的向上匹配元素，并根據匹配的元素創建一個新的 jQuery 對象。
這個方法和.parents()很相似,但是.parent()只是進行單級的DOM樹查找（也就是只查找一層，直接的父元素，而不是更加上級的祖先元素）。
此外，$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合。