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");

发表评论