JQuery的父、子、兄弟节点选择器

一、获取祖先级元素
1、parent(selector)：返回直接父元素，可选择过滤。
2、parents(selector)：返回祖先元素，包括父元素，可选择过滤。
3、closest(selector)：返回第一个祖先元素（祖先是父、祖父、曾祖父，依此类推。），从当前元素开始沿 DOM 树向上，可选择过滤。

二、获取兄弟级元素
1、next(selector)：返回下一个同胞元素，可选择过滤。
2、nextAll(selector)： 返回后面的所有同胞元素，可选择过滤。
3、prev(selector)：返回上一个同胞元素（与next相反），可选择过滤。
4、prevAll(selector)：返回前面的所有同胞元素（与nextAll相反），可选择过滤。
5、siblings(selector)：返回所有同胞元素，不分前后，可选择过滤。

返回介于 <h2> 与 <h6> 元素之间的所有同胞元素：
$(document).ready(function(){
  $("h2").nextUntil("h6");
});

 

三、获取子孙级元素
1、children(selector)：返回直接子元素，该方法只会向下一级对 DOM 树进行遍历。可选择过滤。
2、find(selector)：返回当前元素的后代，一路向下直到最后一个后代，可选择过滤。
3、contents()：返回直接子元素，包括被选元素的文本和注释节点。该方法与 children() 方法类似，不同的是它返回的是文本和注释节点。如果在相同的域中，contents() 方法也能访问 iframe 的 HTML。

其他：
1、filter(selector)：返回符合一定条件的元素。