$('.item-2').siblings(':last').css('border', '2px solid blue')-慕课网

首页课程实战体系课手记专栏慕课教程

$('.item-2').siblings(':last').css('border', '2px solid blue')

来源：6-8 jQuery遍历之siblings()

慕姐5546343

2017-05-15 21:42

$('.item-2').siblings(':last').css('border', '2px solid blue')这个不应该是最后一块的1和3都被选中吗？为什么只有3被选中了

写回答关注

7回答

莫龙吟啸

2019-03-26 17:51:53

这是DOM树，你需要复习一下DOM知识啦，siblings（）得到的同辈元素，不管他是哪个分支的，只要在同一层，就是兄弟，所以选到的是最后一个
                        1
         （2                2）兄弟
（（4        4）（4         4））不同分支，但都是兄弟

0 0
逃离外包

2019-01-31 13:58:38

我同意1楼的说法。

0 0
LJW_

2019-01-23 17:03:07

可以理解为先选择了所有class为item-2的标签，然后siblings选出所有的同胞元素,放在一个集合里面，找出最后一个元素加边框

1 2

怀揣梦想的小...

正解！感谢

2019-01-30 17:36:33

共 1 条回复 >
慕虎5078268

2018-08-10 11:35:24

先选择了所有class为item-2的标签，然后siblings选出所有的同胞元素假设为1，2，3，4，5，6，然后：last筛选出最后一个也就是6，也就是最后一块的3

0 0
qq_Timebegin_0

2018-06-04 09:52:34

：last它是筛选出最后一个加边框所以只选中了最后一个item-3

0 0
笑阳不爱钱才

2018-03-21 00:47:38

.item-2是li的类名，你换成level-2就是下面整个的加边框了

0 0
Henry1027

2017-05-15 22:24:44

因为siblings(':last')选择了所有兄弟元素中的最后一个！

2 0

nearrr... 回复慕姐5546...

红色边框是指定元素所有的同辈元素，silings(":last")筛选出最后一个元素加蓝色边框

2017-09-12 16:08:12

共 2 条回复 >

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼，了解创建、插入、删除与替换

114014 学习 · 590 问题

相似问题

试了一下$('li').prev(':last').css('border', '1px solid blue')

回答 1

$('.item-2 +li').prev().css('border','3px solid red')

回答 1

直接 $('.item-2').css('border', '1px solid red')不好吗？

回答 5

siblings(':last')

回答 2

区别？$(".item-1 + next").css('border','1px solid red');

回答 2

打开慕课网App查看更多内容