因?yàn)閚6沒(méi)有同輩的span兄弟，所以繼續(xù)找n7之后的同輩兄弟是n8 n9。

其實(shí)jQuery對(duì)象中應(yīng)該包含三個(gè)DOM對(duì)象吧？n3，n6, n7 按照我的理解。

為什么選擇的是id=n4, n8, n9的元素？“同一個(gè)元素只計(jì)入一次”又怎么理解啊？

jQuery的prev ~ siblings選擇器用于匹配prev元素之后的所有同輩的siblings元素，將其封裝為jQuery對(duì)象并返回。注意是'同輩'。

注意：選擇器siblings的查找范圍必須是"prev元素"之后的元素，并且是同輩元素(即與"prev元素"有同一個(gè)的父元素)。

//?這里的prev表示具體的選擇器
//?這里的siblings表示具體的選擇器
jQuery(?"prev?~?siblings"?)

參數(shù)

prev ? ?一個(gè)有效的選擇器。 ? ?

siblings ? ?一個(gè)有效的選擇器。

示例&說(shuō)明

以下面這段HTML代碼為例：

<div?id="n1">
????<p?id="n2"?class="test">
????????<span?id="n3"?class="a">Hello</span>
????????<span?id="n4">Hello</span>
????</p>
????<p?id="n5"?class="detail">
????????<span?id="n6"?class="b?codeplayer">World
????????????<span?id="n7"?class="a">http://365mini.com</span>
????????????<span?id="n8"></span>
????????????<span?id="n9"></span>
????????</span>
????</p>
</div>

現(xiàn)在，我們想要查找p標(biāo)簽之后的同輩p標(biāo)簽，則可以編寫(xiě)如下jQuery代碼：

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

接著，我們查找位于id為n8的span標(biāo)簽之后的同輩span標(biāo)簽，則可以編寫(xiě)如下jQuery代碼：

//?選擇了id為n9的一個(gè)元素
//?n7雖然也是n8的同輩元素，但不在n8之后，而是之前，因此匹配不到
$("#n8?~?span");

查找位于span標(biāo)簽之后的同輩span標(biāo)簽，對(duì)應(yīng)的jQuery代碼如下：

//?選擇了id分別為n4、n8、n9的三個(gè)元素
//?n9屬于n7的~siblings，也是n8的~siblings，同一個(gè)元素只計(jì)入一次
$("span?~?span");

? ?