【jQuery】prev ~ siblings选择器

与上一节中介绍的

prev + next

层次选择器相同，

prev
 ~ siblings

选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素，它的调用格式如下：

$(“prev ~ siblings”)

其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系，表明siblings选择器获取的元素都是prev元素之后的同辈元素。

例如，使用

prev ~ next

选择器，获取<p>元素后面相邻的全部元素，并设置它们在页面中显示的内容，如下图所示：





在浏览器中显示的效果：





可以看出，调用

$("p~span")

选择器代码，获取了<p>元素下面两个(全部)的<span>元素，该元素不包含<p>元素上面的元素和不属于同辈范围的元素。