jQuery 選擇器 (prev + next)

/* HTML代碼 */<div id="n1">
    <p id="n2" class="test">
        <span id="n3" class="a">Welcome</span>
        <span id="n4">Hello</span>
    </p>
    <p id="n5" class="detail">
        <span id="n6" class="b codeplayer">To
            <span id="n7" class="a">w3cschool.cn</span>
            <span id="n8"></span>
            <span id="n9"></span>
        </span>
    </p>
</div>

/* jQuery代碼 */
<script>
// 擴(kuò)展jQuery對象，添加showTagInfo()方法
// 用于將jQuery對象所有匹配元素的標(biāo)識信息追加到body元素內(nèi)
// 每個(gè)元素的標(biāo)識信息形如："tagName"或"tagName#id"
jQuery.fn.showTagInfo = function(){
var tags = this.map( function(){
return this.tagName + ( this.id ? "#" + this.id : "" ); 
} ).get();
$("body").append( tags.join("<br>") + "<br><br>" );
};

// 選擇了id為n5的一個(gè)元素
$("p + p").showTagInfo();

// 選擇了id分別為n4、n8、n9的三個(gè)元素
// n4是n3的next，n8是n7的next，n9是n8的next
$("span + span").showTagInfo();

// 選擇了id分別為n4、n8的兩個(gè)元素
// n8沒有包含類名a，因此無法匹配其next——n9
$("span.a + span").showTagInfo();

// 返回一個(gè)空的jQuery對象
// HTML中雖然有span標(biāo)簽，但不是p標(biāo)簽的同輩元素，而是其子代或后代
$("p + span").showTagInfo();
</script>