码迷,mamicode.com
首页 > Web开发 > 详细

原生js获取兄弟元素

时间:2020-12-18 12:49:19      阅读:2      评论:0      收藏:0      [点我收藏+]

标签:asc   class   null   节点   element   兄弟节点   return   scl   sibling   

//获取某元素后相邻的所有class名为MsoToc2的兄弟元素
nextAll(node){ let that
= this, nextNode = that.next(node), nodeArray = []; while(nextNode != null && that.hasClass(nextNode,‘MsoToc2‘)){ nodeArray.push(nextNode); nextNode = that.next(nextNode); } return nodeArray; }
如:
this.nextAll(msoToc1[i])获取元素msoToc1[i]后边相邻的所有class名为MsoToc2的元素


    //下一个兄弟节点
    next = (node) => {
        let next = node.nextSibling;
        if(next !== null && next.nodeType === 3 ){ //防止内联元素在ie下出现的空白节点和火狐下的空白节点
            return next.nextSibling;
        }
        return next;
    }
    hasClass = (element, cName) => {
        let reg = new RegExp("(?:^| +)" + cName + "(?: +|$)", "g");
        return reg.test(element.className);
    }

 

原生js获取兄弟元素

标签:asc   class   null   节点   element   兄弟节点   return   scl   sibling   

原文地址:https://www.cnblogs.com/dongxiaolei/p/14129441.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!