jQuery.addBack对象

$(DOM).addBack方法： 将之前匹配的元素加入到当前匹配的元素中 $(DOM).addBack( [ selector ] ) 这个方法主要是把之前的元素对象添加到现在的对象中。同时可以使用选择器进行筛选。同时返回对象的prevObject不变，还是原来的prevObject 比如说: $(".container").children(".child").addBack(); // 返回的对象包含了child对象和container对象 $(".container").children(".child").addBack(".parent"); // 返回的对象包含了child对象和.container.parent对象 $("#n1").prev().addBack(); // 兄弟节点也可以： #n2, #n1

使用例子：

<p id="n1">
    <span id="n2">
        <span id="n3">A</span>
    </span>
    <label id="n4">B</label>
    <span id="n5">
        <span id="n6">C</span>
    </span>
    <strong id="n7" class="active">D</strong>
    <span id="n8" class="active">E</span>
</p>
<p id="n9">
    <span id="n10"></span>
    <label id="n11"></label>
    <span id="n12" class="active"></span>
</p>
 
//返回jQuery对象所有匹配元素的标识信息数组
//每个元素形如：#id
function getTagsInfo($doms){
    return $doms.map(function(){
        return "#" + this.id;
    }).get();
}
 
//匹配所有的p元素
var $p = $("p");
//选取所有p元素的后代label元素
var $label = $p.find("label");
//由于jQuery对象$label是通过$p的特定方法创建，使用addBack()将返回一个新的jQuery对象
//该对象所匹配的元素是$p和$label两者的匹配元素之和
var $pAndLabel = $label.addBack();
document.writeln( getTagsInfo( $pAndLabel ) ); // #n1,#n4,#n9,#n11
 
 
// 所有包含类名"active"的元素的上一个紧邻的同辈元素(#)
// 再加上所有包含类名"active"的元素中的span元素
var $elements =  $(".active").prev().addBack("span");
document.writeln( getTagsInfo( $elements ) ); // #n5,#n7,#n8,#n11,#n12
 
 
//addBack()之前有3个jQuery对象：
//第1个：$("p")
//第2个：$("p").find("strong")
//第3个：$("p").find("strong").siblings(".active")
//调用addBack()的是第3个对象，创建该对象的是第2个对象
//因此addBack()返回包含第3个对象和第2个对象的匹配元素之和的jQuery对象
var $matches = $("p").find("strong").siblings(".active").addBack();
document.writeln( getTagsInfo( $matches ) ); // #n7,#n8










源代码：

jQuery.fn.extend({
    // 将之前匹配的元素加入到当前匹配的元素中
    // 这个方法主要是把之前的对象添加到现在的对象中。同时可以使用选择器进一步的缩小范围。
    addBack: function( selector ) {
        return this.add( selector == null ?
            this.prevObject : this.prevObject.filter(selector)
        );
    }
})