3

我有这个 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"]

这是为什么 ？

杰宾

4

2 回答 2

3

.andSelf()导致 jQuery 重新排序数组。

你可以试试 ：

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

此代码的输出如下所示["C", "B","A" ]：

于 2013-02-25T08:25:55.797 回答
1

如果您查看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对集合进行排序，因为它确保添加的元素还没有在里面。

于 2013-02-25T08:33:17.450 回答