jQuery的父、子、兄弟节点查找方法

1、父级节点

1）jQuery.parent(expr)

找父亲节点，可以传入expr进行过滤

$("span").parent();
$("span").parent(".class");

2）jQuery.parents(expr)

查找所有祖先元素，不限于父元素，可以传入expr进行过滤

$("span").parents();
$("span").parents(".class");

2、子级节点

1）jQuery.children(expr)

找所有子节点，可以传入expr进行过滤，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

$("span").children();
$("span").children(".class");

2）jQuery.contents(expr)

返回下面的所有内容，包括节点和文本，可以传入expr进行过滤。这个方法和children()的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点

$("span").contents();
$("span").contents(".class");

3）jQuery.find(expr)

查找子级节点，传入expr进行过滤，跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如$(“p”),find(“span”),是从p元素

$("span").find(".class");

3、兄弟级节点

1）jQuery.prev(expr)

返回上一个兄弟节点，不是所有的兄弟节点，可以传入expr进行过滤

$("span").prev();
$("span").prev(".class");

2）jQuery.prevAll(expr)

返回所有之前的兄弟节点，可以传入expr进行过滤

$("span").prevAll();
$("span").prevAll(".class");

3）jQuery.next(expr)

返回下一个兄弟节点，不是所有的兄弟节点，可以传入expr进行过滤

$("span").next();
$("span").next(".class");

4）jQuery.nextAll(expr)

返回所有之后的兄弟节点，可以传入expr进行过滤

$("span").nextAll();
$("span").nextAll(".class");

5）jQuery.siblings(expr)

返回兄弟姐妹节点，不分前后，可以传入expr进行过滤

$("span").siblings();
$("span").siblings(".class");