jQuery 遍历 - 同胞

 

以上面的div为例：

jQuery 遍历同胞的方法：  (同胞拥有相同的父元素)

• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

1. siblings():返回被选元素的所有同胞元素。（不包括自己）

  

获取I的所有的同级元素：共3个P标签,1个span标签；

也可以在siblings()内加入筛选条件，限定范围；

 

2. next() : 方法返回被选元素的下一个同胞元素。

获取第一个P的下一级元素 ：第二个P标签；（该方法只返回一个元素）！

也可以加入筛选条件，限定范围；

 

3. nextAll()：返回被选元素的所有跟随的同胞元素。

获取I标签以下的所有的同级元素：共3个P标签,1个span标签

 

4. nextUntil()：返回介于两个给定参数之间的所有跟随的同胞元素。

获取I标签和span标签之间的同级元素：共3个P标签；

 

5. prev()：获得匹配元素集合中每个元素紧邻的前一个同胞元素

，通过选择器进行筛选是可选的。

获取span标签的前一个P标签：共1个P标签

 

6. prevAll()：获得匹配元素集合中每个元素之前的所有同辈元素，

由选择器进行筛选（可选）。

获取span标签之前的所有的同胞元素：共3个P标签,1个I标签

 

7. prevUntil():获得每个元素之前所有的同辈元素，

直到遇到匹配选择器的元素为止。

获取span标签之前的同胞元素，遇到I标签为止：共3个P标签,