                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

siblings()相关疑问

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

为何这句话在实现当中，只对最后一个class=item-2的后紧邻li设置了边框，而不是所有class=item-2的后紧邻li设置了边框？那么后者该如何实现？

乘蓄媛z

2016-10-05

源自：jQuery基础(二)—DOM篇 6-8

关注问题我要回答

1058

操作

收起

4 回答

洋葱宝宝
2017-04-14

吃饱饭没事做系列,我也来一发吧

$('.item-2').next().css('border', '2px solid blue');

0 回复有任何疑惑可以回复我~

收起回答

慕粉3819970
2016-11-03

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

2 回复有任何疑惑可以回复我~

收起回答

慕尼黑8414315

为什么变为：last-child就可以呢？？？

2016-11-28 回复有任何疑惑可以回复我~

慕粉3819970 回复慕尼黑8414315

:last选择器是选择匹配集合中所有元素的最后一个子元素。而 :last-child选择器是选择匹配集合中，属于其父元素的最后一个子元素。这句话有点绕，好好理解一下。可以看 http://www.w3school.com.cn/cssref/selector_last-child.asp http://www.w3school.com.cn/jquery/selector_last.asp 上面的区别

2016-11-29 回复有任何疑惑可以回复我~

慕尼黑8414315 回复慕粉3819970

已理解，非常感谢！

2016-11-29 回复有任何疑惑可以回复我~