特别简单,就是当前元素的所有兄弟元素,当然不包括这个元素本身。然后还可以给一个选择器来进行一下筛选,反正和前面的方法都大同小异。主要就是搞明白说的是怎样的一个范围。
$('#miao').siblings()
兄弟元素就是拥有相同父元素的元素,这已经没什么误会了。那我们让情况变得复杂一点,如果前面合集中两个元素(A、B),本身就互为兄弟元素。那么查找 A 的兄弟元素,B 自然会被包含进去;反之,查找 B 的兄弟元素时,A 也会被包含进去。所以结果就会……
<ul><li></li><li class="miao"></li><li class="miao"></li></ul>
$('.miao').siblings()
这时候三个 li
元素都会被选中,就很有趣。
好了,这个方法不算复杂,除了最后这个重叠的问题,但是按照规则去进行选择,最后得到什么就是什么,就 OK 了。可能产生重叠,这个问题,知道就行了,在某些特定的情况下,要记得考虑这个特殊情况。
然后我们再来讲几个更加简单的吧:
$('#miao').next()$('#miao').nextAll()$('#miao').nextUntil()$('#miao').prev()$('#miao').prevAll()$('#miao').prevUntil()
好像有点儿多哈,可是这也真的没啥,next 是向后,prev 是向前,这是说的查找方向。范围上都是在兄弟元素中进行查找。
All 说的是全部,Until 意思是直到。说到这里,大家是不是感到有些熟悉?嗯,和上一章十分分的类似。区别只是在方向上或者说查找的范围上。父辈是向上查找,注意,这里是层级上的向上。剩下就都一样了。然后你还要我说啥?把上一章的相关内容换一下字母再写一遍么?
可是我懒。那这一章就到这里好了。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容