jQuery遍历之siblings()
jQuery是一个合集对象,如果想快速查找指定元素集合中每一个元素的同辈元素,此时可以用siblings()方法
理解节点查找关系:
如下蓝色的class="item-2"的li元素,红色的节点就是它的siblings兄弟节点
- 1
- 2
- 3
siblings()无参数
取得一个包含匹配的元素集合中每一个元素的同辈元素的元素集合
注意:jQuery是一个合集对象,所以通过siblings是匹配合集中每一个元素的同辈元素
siblings()方法选择性地接受同一类型选择器表达式
同样的也是因为jQuery是合集对象,可能需要对这个合集对象进行一定的筛选,找出目标元素,所以允许传一个选择器的表达式
下面我们来写一个实例:
siblings方法()
- 1
- 2
- 3
- 1
- 2
- 3
- 1
- 2
- 3
注:sibings找到的是所有的同辈元素,而不是相邻的前后同辈