问答详情
源自:6-4 jQuery遍历之parents()方法

$( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合 哪位大神来解释下

$( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合 为什么会返回空集合?

提问者:ChazVi 2016-08-02 14:38

个回答

  • Airly
    2016-10-14 22:11:58

    我已经知道这个原因了,大家可以去看下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 15:18:38

    parents()是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素),而parent()是取得一个包含着所有匹配元素的唯一父元素的元素集合。当$的对象是根元素html时,parents()就是空集合,parent()就是文档集合

  • 呼啦啦9527
    2016-08-02 15:11:35

    parent与parents的区别:
    parent()方法能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象。
    这个方法和.parents()很相似,但是.parent()只是进行单级的DOM树查找(也就是只查找一层,直接的父元素,而不是更加上级的祖先元素)。
    此外,$( "html" ).parent()方法返回一个包含document的集合,而$( "html" ).parents()返回一个空集合。