因為n6沒有同輩的span兄弟，所以繼續找n7之后的同輩兄弟是n8 n9。

其實jQuery對象中應該包含三個DOM對象吧？n3，n6, n7 按照我的理解。

為什么選擇的是id=n4, n8, n9的元素？“同一個元素只計入一次”又怎么理解?。?/p>

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

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

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

參數

prev ? ?一個有效的選擇器。 ? ?

siblings ? ?一個有效的選擇器。

示例&說明

以下面這段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>

現在，我們想要查找p標簽之后的同輩p標簽，則可以編寫如下jQuery代碼：

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

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

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

查找位于span標簽之后的同輩span標簽，對應的jQuery代碼如下：

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

? ?