仿jQuery的siblings效果的js代碼
更新時間:2011年08月09日 23:37:41 作者:
取一個DOM元素的兄弟節(jié)點,仿jQuery的siblings方法,用原生JS代碼完成
復(fù)制代碼 代碼如下:
function siblings(o){//參數(shù)o就是想取誰的兄弟節(jié)點,就把那個元素傳進去
var a=[];//定義一個數(shù)組,用來存o的兄弟元素
var p=o.previousSibling;
while(p){//先取o的哥哥們 判斷有沒有上一個哥哥元素,如果有則往下執(zhí)行 p表示previousSibling
if(p.nodeType===1){
a.push(p);
}
p=p.previousSibling//最后把上一個節(jié)點賦給p
}
a.reverse()//把順序反轉(zhuǎn)一下 這樣元素的順序就是按先后的了
var n=o.nextSibling;//再取o的弟弟
while(n){//判斷有沒有下一個弟弟結(jié)點 n是nextSibling的意思
if(n.nodeType===1){
a.push(n);
}
n=n.nextSibling;
}
return a//最后按從老大到老小的順序,把這一組元素返回
}
您可能感興趣的文章:
- jquery siblings獲取同輩元素用法實例分析
- jQuery中的siblings()是什么意思(推薦)
- 淺談jquery中next與siblings的區(qū)別
- 有關(guān)jQuery中parent()和siblings()的小問題
- jQuery siblings()用法實例詳解
- jquery遍歷函數(shù)siblings()用法實例
- jQuery中的siblings用法實例分析
- jQuery中siblings()方法用法實例
- jquery next nextAll nextUntil siblings的區(qū)別介紹
- jQuery prev ~ siblings選擇器使用介紹
- jquery 層次選擇器siblings與nextAll的區(qū)別介紹
- jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例
相關(guān)文章
JS基于面向?qū)ο髮崿F(xiàn)的多個倒計時器功能示例
這篇文章主要介紹了JS基于面向?qū)ο髮崿F(xiàn)的多個倒計時器功能,結(jié)合實例形式分析了javascript面向?qū)ο蠹皶r間操作相關(guān)技巧,需要的朋友可以參考下2017-02-02underscore之Collections_動力節(jié)點Java學(xué)院整理
underscore為集合類對象提供了一致的接口。集合類是指Array和Object,暫不支持Map和Set。下面通過本文給大家分享underscore之Collections的相關(guān)知識,需要的的朋友參考下吧2017-07-07javascript實現(xiàn)input file上傳圖片預(yù)覽效果
這篇文章主要介紹了javascript實現(xiàn)input file上傳圖片預(yù)覽效果,感興趣的小伙伴們可以參考一下2015-12-12Nodejs使用mysql模塊之獲得更新和刪除影響的行數(shù)的方法
業(yè)余時間玩nodejs的時候遇到點蛋疼的情況, 在使用mysql模塊連接mysql操作, 想在update, delete語句的時候, 想知道到底update, delete成功了沒有2014-03-03