前提:$(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);【必填选择器】
如有选择器,则获取匹配该选择器的后代元素。