首頁 > 文章 > web前端 > jQuery選擇器一次取得所有父級元素及以下元素

jQuery選擇器一次取得所有父級元素及以下元素

這次帶給大家jQuery選擇器一次取得所有父級元素及以下元素，jQuery選擇器一次取得所有父級元素及以下元素的注意事項有哪些，下面就是實戰案例，一起來看一下。

1.取得父級元素

$("#id").parent()

取得其父級元素

$("#id").parents()

#取得其所有的祖先元素

$("# id").closest()

取得其最近的祖先元素，依序上溯

------------------- -------------------------------------------------- -----------

2.取得同級元素

$("#id").<a href="http://www.php.cn/wiki/1071.html" target="_blank">next </a>(selector)

獲得匹配元素緊鄰的下一個同胞元素。如果提供選擇器，則取回符合該選擇器的下一個同胞元素。

$("#id").nextAll(selector)

#取得所有符合元素後面的同胞元素，由選擇器篩選是可選的。

$("#id").<a href="http://www.php.cn/wiki/1074.html" target="_blank">prev</a>(selector)

獲得匹配元素緊鄰的前一個同胞元素（與next相反）

$("#id").prevAll(selector)

#獲得目前符合元素前面的所有同胞元素（與nextAll相反）

-------------------------------------------------- ------------------------------

3.取得子元素

#$("#id").children(selector)

傳回符合元素的子元素，新增可選參數可透過選擇器進行過濾。

$("#id").find(selector)

#獲得目前元素的後代

##相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網