jQuery - 遍历（三）之 同胞

jQuery 遍历，用于根据所要查找的元素相对于其他元素的关系来查找到该元素。

jQuery 提供了一系列的方法来水平遍历 DOM 树，以便查找到所选元素的同胞元素。

prev()

方法	描述
prev()	返回所选元素的前一个同级元素。

代码：

    
    
    
    



    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

效果演示：

prev().png

prevAll(selector)

参数	类型	描述
selector	String	可选。参数为空则返回所选元素之前的所有同级元素；非空则返回所选元素之前的所有同级元素中与选择器匹配的元素。

代码：

    
    
    
    



    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

效果演示：

prevAll(selector).png

next()

方法	描述
prev()	返回所选元素的后一个同级元素。

代码：

    
    
    
    



    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

效果演示：

next().png

nextAll(selector)

参数	类型	描述
selector	String	可选。参数为空则返回所选元素之后的所有同级元素；非空则返回所选元素之后的所有同级元素中与选择器匹配的元素。

代码：

    
    
    
    



    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

效果演示：

nextAll(selector).png

siblings(selector)

参数	类型	描述
selector	String	可选。参数为空则返回所选元素的所有同级元素（所选元素本身除外）；非空则返回所选元素的所有同级元素中与选择器匹配的元素（所选元素本身除外）。

代码：

    
    
    
    



    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

效果演示：

siblings(selector).png