jQuery.addBack()函數用法實例詳解

<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