                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(二)—DOM篇

siblings()相關(guān)疑問

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

為何這句話在實(shí)現(xiàn)當(dāng)中，只對最后一個(gè)class=item-2的后緊鄰li設(shè)置了邊框，而不是所有class=item-2的后緊鄰li設(shè)置了邊框？那么后者該如何實(shí)現(xiàn)？

乘蓄媛z

2016-10-05

源自：jQuery基礎(chǔ)(二)—DOM篇 6-8

關(guān)注問題我要回答

1121

操作

收起

4 回答

洋蔥寶寶
2017-04-14

吃飽飯沒事做系列,我也來一發(fā)吧

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉3819970
2016-11-03

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

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕尼黑8414315

為什么變?yōu)椋簂ast-child就可以呢？？？

2016-11-28 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕粉3819970 回復(fù) 慕尼黑8414315

:last選擇器是選擇匹配集合中所有元素的最后一個(gè)子元素。而 :last-child選擇器是選擇匹配集合中，屬于其父元素的最后一個(gè)子元素。這句話有點(diǎn)繞，好好理解一下。可以看 http://www.w3school.com.cn/cssref/selector_last-child.asp http://www.w3school.com.cn/jquery/selector_last.asp 上面的區(qū)別

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

#3

慕尼黑8414315 回復(fù) 慕粉3819970

已理解，非常感謝！

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~