第一百五十八章 兄弟

特别简单,就是当前元素的所有兄弟元素,当然不包括这个元素本身。然后还可以给一个选择器来进行一下筛选,反正和前面的方法都大同小异。主要就是搞明白说的是怎样的一个范围。

$('#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 意思是直到。说到这里,大家是不是感到有些熟悉?嗯,和上一章十分分的类似。区别只是在方向上或者说查找的范围上。父辈是向上查找,注意,这里是层级上的向上。剩下就都一样了。然后你还要我说啥?把上一章的相关内容换一下字母再写一遍么?

可是我懒。那这一章就到这里好了。

未经允许不得转载-易看设计:易看设计 - 创意.极致.传达 » 第一百五十八章 兄弟

打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏