jQuery獲取所有父級元素及同級元素及子元素的方法(推薦)
1.獲取父級元素
$("#id").parent()
獲取其父級元素
$("#id").parents()
獲取其所有的祖先元素
$("#id").closest()
獲取其最近的祖先元素,依次上溯
--------------------------------------------------------------------------------
2.獲取同級元素
$("#id").next(selector)
獲得匹配元素緊鄰的下一個(gè)同胞元素。如果提供選擇器,則取回匹配該選擇器的下一個(gè)同胞元素。
$("#id").nextAll(selector)
獲得匹配元素后面的所有同胞元素,由選擇器篩選是可選的。
$("#id").prev(selector)
獲得匹配元素緊鄰的前一個(gè)同胞元素(與next相反)
$("#id").prevAll(selector)
獲得當(dāng)前匹配元素前面的所有同胞元素(與nextAll相反)
--------------------------------------------------------------------------------
3.獲取子元素
$("#id").children(selector)
返回匹配元素的子元素,添加可選參數(shù)可通過選擇器進(jìn)行過濾。
$("#id").find(selector)
獲得當(dāng)前元素的后代
總結(jié)
以上所述是小編給大家介紹的jQuery獲取所有父級元素及同級元素及子元素的方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時(shí)回復(fù)大家的!
相關(guān)文章
JQuery中判斷一個(gè)元素下面是否有內(nèi)容或者有某個(gè)標(biāo)簽的判斷代碼
網(wǎng)站開發(fā)時(shí),我們時(shí)常需要把沒有內(nèi)容的標(biāo)簽隱藏或者去掉。在用JQ有兩種好的解決辦法2012-02-02jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼,通過jQuery響應(yīng)鼠標(biāo)事件遍歷頁面元素實(shí)現(xiàn)伸縮菜單的效果,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09jQuery中insertAfter()方法用法實(shí)例
這篇文章主要介紹了jQuery中insertAfter()方法用法,實(shí)例分析了insertAfter()方法的功能、定義及匹配的元素插入到另一個(gè)指定的元素集合后面的使用技巧,需要的朋友可以參考下2015-01-01jQuery移動和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
復(fù)制節(jié)點(diǎn)也是常用的DOM操作之一,例如很多購物網(wǎng)站的效果,本文將介紹jQuery移動和復(fù)制dom節(jié)點(diǎn)等實(shí)用DOM操作,有需的朋友可以參考下2012-12-12給artDialog 5.02 增加ajax get功能詳細(xì)介紹
本文將詳細(xì)介紹給artDialog 5.02 增加ajax get功能的方法,按興趣的朋友可以參考2012-11-11