1. 程式人生 > >jquery 獲取相關元素

jquery 獲取相關元素

前提:$(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);【必填選擇器】

如有選擇器,則獲取匹配該選擇器的後代元素。