jQuery和js 获取父级元素、子级元素、兄弟元素方法

1.JS获取节点的方法

    var a=document.getElementByIdxxxx("dom");

    del_space(a);  //调用清理空格的函数

    var b=a.childNodes;  //获取a的全部子节点

    var c=a.parentNode;  //获取a的父节点

    var d=a.nextSbiling;   //获取a的下一个兄弟节点

    var e=a.previousSbiling;   //获取a的上一个兄弟节点

    var f=a.firstChild;  //获取a 的第一个子节点

    var g=a.lastChild;   //获取a的最后一个子节点

   

　　//此函数用于删除空节点

    function del_space(elem){

　　　　var elem_child=elem.childNodes;   //得到参数元素的所有子元素

           for(var i=0;i<elem_child.length;i++){

　　　　　　if(elem_child.nodeName=="#text"&&!/\S/test(elem_child.nodeValue)){

　　　　　　　　　　elem.removeChild(elem_child);

　　　　　　}

　　　　}

    }

 

 

2.jQuery 获取节点的方法

　　　　jQuery.parent(expr)  找父节点，可以传入expr进行过滤，eg: $("span").parent()或者 $("span").parent(".class")

　　　　jQuery.parents(expr)  查找所有祖先元素，不限于父元素

　　　　jQuery.children(expr)  返回所有子节点，只会返回直接的孩子节点，不会返回所有的子孙节点

　　　　jQuery.contents()  返回下面所有内容包括节点和文本，这个方法和children()的区别就在于，包括空白文本，也会作为一个jQuery对象返回，children()只会返回节点

　　　　jQuery.prev()   返回上一个兄弟节点，不是所有兄弟节点

　　　　jQuery.prevAll()  返回所有之前的兄弟节点

　　　　jQuery.next()   返回下一个兄弟节点，不是所有兄弟节点

　　　　jQuery.nextAll()  返回所有之后的兄弟节点

　　　　jQuery.siblings()  获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的

　　　　jQuery.find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选