js:封装获取当前元素的所有的哥哥元素节点
生活随笔
收集整理的這篇文章主要介紹了
js:封装获取当前元素的所有的哥哥元素节点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第一種方法
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body><ul id="ul"><li id="item1">item1</li><li id="item2">item2</li><li id="item3">item3</li><li id="item4">item4</li><li id="item5">item5</li><li id="item6">item6</li><li id="item7">item7</li><li id="item8">item8</li><li id="item9">item9</li><li id="item10">item10</li></ul><script>var oUl=document.getElementById('ul');var lis= oUl.firstElementChild;console.log(lis);var item1=document.getElementById('item1');var item2=document.getElementById('item2');var item3=document.getElementById('item3');var item4=document.getElementById('item4');var item5=document.getElementById('item5');var item6=document.getElementById('item6');var item7=document.getElementById('item7');var item8=document.getElementById('item8');var item9=document.getElementById('item9');var item10=document.getElementById('item10');function getAllBrother(curEle){var ary=[];var pre=curEle.previousSibling;while(pre){if(pre.nodeType===1){ary.push(pre);pre=pre.previousSibling; }else{pre=pre.previousSibling; }}return ary;}console.log(getAllBrother(item10));</script> </body> </html> 復制代碼第二種方法
(function () {var Ul = document.getElementById("oUl");var lis = Ul.getElementsByClassName("lis")[0];//console.log(lis);console.log(getBrother(lis));// 獲取當前元素的所有的哥哥元素節點function getBrother(curEle){var arr = [];var temp = curEle.previousSibling;var i = 0;while(temp){aif (temp.nodeType === 1){arr[i] = temp;i++;}temp = temp.previousSibling;}return arr;} 復制代碼總結
以上是生活随笔為你收集整理的js:封装获取当前元素的所有的哥哥元素节点的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SQL进阶随笔--case用法（一）
- 下一篇： CentOS7配置iptables防火墙