仿jQuery的siblings效果的js代碼

更新時(shí)間：2011年08月09日 23:37:41 作者：

取一個(gè)DOM元素的兄弟節(jié)點(diǎn),仿jQuery的siblings方法,用原生JS代碼完成

 
function siblings(o){//參數(shù)o就是想取誰的兄弟節(jié)點(diǎn)，就把那個(gè)元素傳進(jìn)去 
var a=[];//定義一個(gè)數(shù)組，用來存o的兄弟元素 
var p=o.previousSibling; 
while(p){//先取o的哥哥們 判斷有沒有上一個(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){//判斷有沒有下一個(gè)弟弟結(jié)點(diǎn) n是nextSibling的意思 
if(n.nodeType===1){ 
a.push(n); 
} 
n=n.nextSibling; 
} 
return a//最后按從老大到老小的順序，把這一組元素返回 
} 

您可能感興趣的文章:

siblings

相關(guān)文章

js實(shí)現(xiàn)簡(jiǎn)單拼圖游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
js實(shí)現(xiàn)按鈕控制帶有停頓效果的圖片滾動(dòng)
這篇文章主要介紹了js實(shí)現(xiàn)按鈕控制帶有停頓效果的圖片滾動(dòng)，，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-08-08
js對(duì)url進(jìn)行編碼解碼的三種方式總結(jié)
為一個(gè)字符串進(jìn)行URL編碼很容易,只需要調(diào)用encodeURI,傳入要編碼的字符串即可,而且實(shí)現(xiàn)的方法不止這一個(gè),下面這篇文章主要給大家介紹了關(guān)于js對(duì)url進(jìn)行編碼解碼的三種方式,需要的朋友可以參考下
2023-02-02
JavaScript實(shí)現(xiàn)DOM對(duì)象選擇器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)DOM對(duì)象選擇器,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
Bootstrap表格制作代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap表格的制作代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
深入淺析JavaScript函數(shù)前面的加號(hào)和嘆號(hào)
這篇文章主要介紹了深入淺析JavaScript函數(shù)前面的加號(hào)和嘆號(hào)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
微信小程序 scroll-view 水平滾動(dòng)實(shí)現(xiàn)過程解析
這篇文章主要介紹了微信小程序 scroll-view 水平滾動(dòng)實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
Function.prototype.bind用法示例
想必大家對(duì)Function.prototype.bind并不陌生吧，下面為大家介紹下它的簡(jiǎn)單調(diào)用及DOM調(diào)用，感興趣的朋友可以參考下
2013-09-09
JavaScript 未結(jié)束的字符串常量常見解決方法
做JavaScript的時(shí)候,發(fā)現(xiàn)老是出現(xiàn)錯(cuò)誤：“未結(jié)束的字符串常量”. 自己找了下應(yīng)該是傳參數(shù)的時(shí)候,有特殊字符引起的.網(wǎng)上也找了下,也有好多出現(xiàn)這種情況.做下總結(jié),以方便以后查閱.
2010-01-01
ES6字符串和數(shù)值新增方法總結(jié)
ES6為js新增了很多方法,包括遍歷、查詢、替換等等,下面這篇文章主要給大家介紹了關(guān)于ES6字符串和數(shù)值新增方法的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09