美文网首页
js 获取元素所有兄弟节点实例

js 获取元素所有兄弟节点实例

作者: 女王陛下的喵 | 来源:发表于2017-05-24 17:03 被阅读266次
function siblings(elm) {
    var a = [];
    var p = elm.parentNode.children;
    for(var i = 0,pl = p.length; i < pl; i++) {
        if(p[i] !== elm) a.push(p[i]);
    }
    return a;
}
//先获取此元素的父节点的所有子节点,因为所有子节点也包括此元素自己,所以要从结果中去掉自己。

function siblings( elem ) {
    var r = [];
    var n = elem.parentNode.firstChild;
    for ( ; n; n = n.nextSibling ) {
        if ( n.nodeType === 1 && n !== elem ) {
            r.push( n );
        }
     }
     return r;
 }
//先找到此元素的父节点的第一个子节点,然后循环查找此节点的下一个兄弟节点,一直到查找完毕。

相关文章

网友评论

      本文标题:js 获取元素所有兄弟节点实例

      本文链接:https://www.haomeiwen.com/subject/emsoxxtx.html