jquery 获取相关元素

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36376116/article/details/83927715

前提：$(this)：代替当前元素。

一、获取上级元素：

1、获取父元素

$(this).parent();

2、获取祖先元素

$(this).closest(selector);【必填选择器】

二、获取同级元素：

1、获取后面最近一个(满足条件的)元素：

$(this).next(selector);

如有选择器，则获取后面最近一个匹配该选择器的元素。

2、获取后面所有(满足条件的)元素：

$(this).nextAll(selector);

如有选择器，则获取后面所有匹配该选择器的元素。

3、获取前面最近一个(满足条件的)元素：

$(this).prev(selector);

如有选择器，则获取前面最近一个匹配该选择器的元素。

4、获取前面所有(满足条件的)元素：

$(this).prevAll(selector);

如有选择器，则获取前面所有匹配该选择器的元素。

5、获取前面元素，碰到指定元素结束：

$(this).prevUntil(selector);【必填选择器】

从近到远依次获取前面元素，碰到指定selector，获取结束。

6、获取后面元素，碰到指定元素结束：

$(this).nextUntil(selector);【必填选择器】

从近到远依次获取后面元素，碰到指定selector，获取结束。

7、获取其他同级(满足条件的)元素：

$(this).siblings(selector);

如有选择器，则获取匹配该选择器的其他同级元素。

三.获取子元素：

1、获取直系子元素：

$(this).children(selector);

如有选择器，则获取匹配该选择器的子元素。

2、获取后代：

$(this).find(selector);【必填选择器】

如有选择器，则获取匹配该选择器的后代元素。