 
function siblings(o){//參數(shù)o就是想取誰(shuí)的兄弟節(jié)點(diǎn)，就把那個(gè)元素傳進(jìn)去 
var a=[];//定義一個(gè)數(shù)組，用來(lái)存o的兄弟元素 
var p=o.previousSibling; 
while(p){//先取o的哥哥們 判斷有沒(méi)有上一個(gè)哥哥元素，如果有則往下執(zhí)行 p表示previousSibling 
if(p.nodeType===1){ 
a.push(p); 
} 
p=p.previousSibling//最后把上一個(gè)節(jié)點(diǎn)賦給p 
} 
a.reverse()//把順序反轉(zhuǎn)一下 這樣元素的順序就是按先后的了 
var n=o.nextSibling;//再取o的弟弟 
while(n){//判斷有沒(méi)有下一個(gè)弟弟結(jié)點(diǎn) n是nextSibling的意思 
if(n.nodeType===1){ 
a.push(n); 
} 
n=n.nextSibling; 
} 
return a//最后按從老大到老小的順序，把這一組元素返回 
} 

您可能感興趣的文章:

siblings

相關(guān)文章

js Promise并發(fā)控制數(shù)量的方法
在業(yè)務(wù)開(kāi)發(fā)過(guò)程中，我們經(jīng)常會(huì)遇到多個(gè)異步任務(wù)并發(fā)執(zhí)行的情況，待所有異步任務(wù)結(jié)束之后再執(zhí)行我們的業(yè)務(wù)邏輯，那么js Promise并發(fā)控制數(shù)量是多少，本文就來(lái)介紹一下
2021-08-08
JS實(shí)現(xiàn)網(wǎng)站菜單拖拽移位效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)站菜單拖拽移位效果的方法,涉及JavaScript動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
Javascript里使用Dom操作Xml
Javascript里使用Dom操作Xml...
2007-01-01
JavaScript面向?qū)ο笾叽蠡驹瓌t實(shí)例詳解
這篇文章主要介紹了JavaScript面向?qū)ο笾叽蠡驹瓌t,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript面向?qū)ο笃叽蠡驹瓌t,包括單一職責(zé)、開(kāi)閉原則、里氏替換、依賴(lài)倒置、接口隔離、迪米特法則及組合/聚合復(fù)用原則,需要的朋友可以參考下
2020-05-05
JS基于面向?qū)ο髮?shí)現(xiàn)的多個(gè)倒計(jì)時(shí)器功能示例
這篇文章主要介紹了JS基于面向?qū)ο髮?shí)現(xiàn)的多個(gè)倒計(jì)時(shí)器功能,結(jié)合實(shí)例形式分析了javascript面向?qū)ο蠹皶r(shí)間操作相關(guān)技巧,需要的朋友可以參考下
2017-02-02
純?cè)鷍s實(shí)現(xiàn)table表格的增刪
本文主要介紹了純?cè)鷍avascript實(shí)現(xiàn)table表格的增刪的方法，文章底部提供了完整的代碼。需要的朋友一起來(lái)看下吧
2017-01-01
underscore之Collections_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
underscore為集合類(lèi)對(duì)象提供了一致的接口。集合類(lèi)是指Array和Object，暫不支持Map和Set。下面通過(guò)本文給大家分享underscore之Collections的相關(guān)知識(shí)，需要的的朋友參考下吧
2017-07-07
javascript實(shí)現(xiàn)input file上傳圖片預(yù)覽效果
這篇文章主要介紹了javascript實(shí)現(xiàn)input file上傳圖片預(yù)覽效果，感興趣的小伙伴們可以參考一下
2015-12-12
JS實(shí)現(xiàn)標(biāo)簽頁(yè)效果(配合css)
實(shí)現(xiàn)的效果是當(dāng)鼠標(biāo)移到某一個(gè)標(biāo)簽的時(shí)候，在下面的內(nèi)容區(qū)顯示對(duì)應(yīng)的內(nèi)容，并且相應(yīng)標(biāo)簽的顏色需要改變,這樣的效果是CSS和JS配合實(shí)現(xiàn)的,下面我們就來(lái)看看具體代碼
2013-04-04
Nodejs使用mysql模塊之獲得更新和刪除影響的行數(shù)的方法
業(yè)余時(shí)間玩nodejs的時(shí)候遇到點(diǎn)蛋疼的情況, 在使用mysql模塊連接mysql操作, 想在update, delete語(yǔ)句的時(shí)候, 想知道到底u(yù)pdate, delete成功了沒(méi)有
2014-03-03