我有这个html结构:

<body>
  <a>
    <b>
      <c>
        <d>
        </d>
      </c>
    </b>
  </a>
</body>

我将<d>元素用作开始的第一个节点。

题 :
 var s= $("d").parentsUntil("body").andSelf().map(function(){
    return this.tagName;
  }).get();

它应该从底部开始到顶部,这意味着s数组应该看起来像d,c,b,a

但是它看起来很像:["A", "B", "C", "D"]
这是为什么 ?

Jsbin

最佳答案

如果查看addBack's代码(andSelf是其别名),您将看到:

add: function( selector, context ) {
    var set = typeof selector === "string" ?
            jQuery( selector, context ) :
            jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
        all = jQuery.merge( this.get(), set );

    return this.pushStack( jQuery.unique(all) );
},

addBack: function( selector ) {
    return this.add( selector == null ?
        this.prevObject : this.prevObject.filter(selector)
    );
}

因此,您会看到它称为unique

进一步看,您会看到
jQuery.unique = Sizzle.uniqueSort;


Sizzle.uniqueSort = function( results ) {
    var elem,
        duplicates = [],
        i = 1,
        j = 0;

    // Unless we *know* we can detect duplicates, assume their presence
    hasDuplicate = !support.detectDuplicates;
    results.sort( sortOrder );

    if ( hasDuplicate ) {
        for ( ; (elem = results[i]); i++ ) {
            if ( elem === results[ i - 1 ] ) {
                j = duplicates.push( i );
            }
        }
        while ( j-- ) {
            results.splice( duplicates[ j ], 1 );
        }
    }

    return results;
};

因此,addBack对集合进行排序,因为它确保添加的元素尚未在其中。

09-25 20:46