Question

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

Answer 1

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

您可以尝试：

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

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

Answer 2

如果您查看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对集合进行排序，因为它确保添加的元素尚未进入。

在jQuery中的parentsUntil（）使用颠倒顺序？

2 个答案: