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中文網

其它相關文章！

推薦閱讀：

在jquery的請求ajax與在servlet中的回應ajax

實作jquery在啟動頁面立即載入資料

實作輸入框與下拉框聯動效果

Jquery下拉方塊資料動態取得該如何實現
#

以上是jQuery選擇器一次取得所有父級元素及以下元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！