jquery 獲取相關元素
阿新 • • 發佈:2018-11-26
前提:$(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);【必填選擇器】
如有選擇器,則獲取匹配該選擇器的後代元素。