js:封装获取当前元素的所有的哥哥元素节点

最新推荐文章于 2022-07-28 20:50:42 发布

weixin_33795806

最新推荐文章于 2022-07-28 20:50:42 发布

阅读量512

点赞数 1

原文链接：https://juejin.im/post/5c3d3cfe6fb9a04a053feca6

版权

第一种方法

<!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){a
                if (temp.nodeType === 1){
                    arr[i] = temp;
                    i++;
                }
                temp = temp.previousSibling;
            }
            return arr;
        }
复制代码