同胞就是拥有相同的父元素;jquery同胞遍历就是使用jQuery在DOM树中遍历获取到指定元素的同胞元素。同胞遍历方法有7个:1、siblings(),可获得指定元素的同级所有元素;2、next(),可获得元素的下一个同胞元素;3、nextAll();4、nextUntil();5、prev(),可获得元素的上一级同胞元素;6、prevAll();7、prevUntil()。

本教程操作环境:windows7系统、jquery3.6版本、Dell G3电脑。
jquery中的同胞遍历
同胞就是拥有相同的父元素。
通过jQuery能够在DOM树中遍历元素的同胞元素。
同胞遍历方法
在jquery中,查询同胞元素一般有七个方法:siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()
siblings()方法,主要用于获得指定元素的同胞所有元素
next()方法,主要用于获得指定元素的下一个同胞元素
nextAll()方法,主要用于获得指定元素的下一个同胞的所有元素
nextUntil()方法,主要用于获得指定元素的下一个同胞元素,这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素
prev()方法,主要用于获得指定元素的上一级同胞元素
prevAll()方法,主要用于获得指定元素上一级所有的同胞元素
prevUntil()方法,主要用于获得指定元素的上一个同胞元素,这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素
我们通过下边的代码模拟下这些处理。事实上jQuery也是这样处理的,只是在结构与过滤处理上更加的严谨。
- I
- II
- A
- B
- 1
- 2
- 3
- C
- III
jquery怎么检测是否有同胞元素
检查方法:
1、使用siblings()获取指定元素的所有同胞元素
指定元素.siblings()
会返回一个包含同胞元素的jquery对象。
2、使用length属性获取jquery对象的长度
length属性获取的长度就是同胞元素的个数
jquery对象.length==0
如果同胞元素的个数为0,即没有同胞元素
如果个数不等于0,则有同胞元素
示例:
div (父)p(兄弟元素)
span(兄弟元素)h2(本元素)
h3(兄弟元素)
p(兄弟元素)

【推荐学习:jQuery视频教程、web前端视频】










