                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為什么要連續(xù)操作兩次nextSibling

我看示例代碼，開始x = n.nextSibling;后來在while循環(huán)里 x=x.nextSibling又來一次，這樣的話不是變成n的下一個(gè)的下一個(gè)了嗎

hsbzzhz

2017-02-19

源自：JavaScript進(jìn)階篇 9-11

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

1051

操作

收起

2 回答

一世漁樵
2017-03-27

function?get_nextSibling(n){
????????var?x=n.nextSibling;
????????while?(x?&&?x.nodeType!=1){//當(dāng)x存在且x不是元素節(jié)點(diǎn)時(shí)，會(huì)執(zhí)行下面的循環(huán)語句
????????????x=x.nextSibling;//滿足上述條件，則繼續(xù)查找下一個(gè)節(jié)點(diǎn)，直至找到nodeType值為1的元素節(jié)點(diǎn)，則繼續(xù)執(zhí)行函數(shù)，return?x
????????}
????????return?x;
????}

答案我寫成標(biāo)注了

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

收起回答

JY_YOLO
2017-02-20

var x=n.nextSibling;

? ? ? ? while (x && x.nodeType!=1){

? ? ? ? ? ? x=x.nextSibling;

? ? ? ? }

? ? ? ? return x;

是這里的是吧 ?while這里的第二個(gè)是只有在第一個(gè)nextSibling的節(jié)點(diǎn)不符合條件（要求為兄弟節(jié)點(diǎn) 比如說是#text就不是本例中的li的兄弟節(jié)點(diǎn)）不符合的時(shí)候才執(zhí)行while里即第二個(gè)nextSibling ?符合要求的話會(huì)直接到return x