我有这个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
对集合进行排序,因为它确保添加的元素尚未在其中。