怎么使用JavaScript获取兄弟节点

JavaScript016

怎么使用JavaScript获取兄弟节点,第1张

先通过父元素的子元素找到含自己在内的“兄弟元素”,然后判断剔除自己。

function siblings(elem) {

    var a = []

    var b = elem.parentNode.children

    for(var i =0,i<b.lengthi++) {

        if(b[i] !== elem) a.push(b[i])

    }

    return a

}

先获取父节点: var parentEle=ele.parentNode

在获取父节点的兄弟节点:var parentEle1=parentEle.previousSbiling//上一个节点

某个子节点:var obj=parentEle1.firstChild//第一个子节点

jQuery也有相应的方法。

1.纯js如下:

var s=document.getElementById('id')

var par=s.parentNode   //得到s的父节点

var ns=s.nextSbiling   //获得s的下一个兄弟节点

var ps=s.previousSbiling  //得到s的上一个兄弟节点

var fc=s.firstChild   //获得s的第一个子节点

2.jQuery如下:

$(ele).parent()//父节点

$(ele).prev()//上一个兄弟节点

$(ele).next()//下一个兄弟节点