原生js或者jquery获取父级元素/同级元素/下级元素

1、js获取

{
var s = document.getElementByIdx_x("test");
var chils = s.childNodes;  /*得到s的全部子节点*/
var par = s.parentNode;   /*得到s的父节点*/
var ns = s.nextSbiling;   /*获得s的下一个兄弟节点*/
var ns = s.nextElementSibling;   /*获得s的下一个兄弟节点*/
var ps = s.previousSbiling;  /*得到s的上一个兄弟节点*/
var ps = s.previousElementSibling;  /*得到s的上一个兄弟节点*/
var fc = s.firstChild;   /*获得s的第一个子节点*/
var lc = s.lastChilld;   /*获得s的最后一个子节点*/
var lc = s.lastElementChild;   /*获得s的最后一个子节点*/
}

2、jquery获取

{
jQuery.parent(expr)  /*找父亲节点，可以传入expr进行过滤，比如*/
$("span").parent() /*或者*/
$("span").parent(".class")
jQuery.parents(expr) /*类似于*/
jQuery.parents(expr) /*但是是查找所有祖先元素，不限于父元素*/
jQuery.children(expr) /*返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点*/
jQuery.contents() /*返回下面的所有内容，包括节点和文本。这个方法和*/
children()/*的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点*/
jQuery.prev() /*返回上一个兄弟节点，不是所有的兄弟节点*/
jQuery.prevAll() /*返回所有之前的兄弟节点*/
jQuery.next() /*返回下一个兄弟节点，不是所有的兄弟节点*/
jQuery.nextAll() /*返回所有之后的兄弟节点*/
jQuery.siblings() /*返回兄弟姐妹节点，不分前后*/
jQuery.find(expr)/*跟jQuery.filter(expr)完全不一样。*/
jQuery.filter()/*是从初始的jQuery对象集合中筛选出一部分，而*/
jQuery.find()/*的返回结果，不会有初始集合中的内容，比如*/
$("p"),find("span")/*是从元素开始找,等同于*/
$("p span")
}