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