jQuery獲取所有父級(jí)元素及同級(jí)元素及子元素的方法(推薦)
1.獲取父級(jí)元素
$("#id").parent()
獲取其父級(jí)元素
$("#id").parents()
獲取其所有的祖先元素
$("#id").closest()
獲取其最近的祖先元素，依次上溯
--------------------------------------------------------------------------------
2.獲取同級(jí)元素
$("#id").next(selector)
獲得匹配元素緊鄰的下一個(gè)同胞元素。如果提供選擇器，則取回匹配該選擇器的下一個(gè)同胞元素。
$("#id").nextAll(selector)
獲得匹配元素后面的所有同胞元素，由選擇器篩選是可選的。
$("#id").prev(selector)
獲得匹配元素緊鄰的前一個(gè)同胞元素（與next相反）
$("#id").prevAll(selector)
獲得當(dāng)前匹配元素前面的所有同胞元素（與nextAll相反）
--------------------------------------------------------------------------------
3.獲取子元素
$("#id").children(selector)
返回匹配元素的子元素，添加可選參數(shù)可通過(guò)選擇器進(jìn)行過(guò)濾。
$("#id").find(selector)
獲得當(dāng)前元素的后代
總結(jié)
以上所述是小編給大家介紹的jQuery獲取所有父級(jí)元素及同級(jí)元素及子元素的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
JQuery中判斷一個(gè)元素下面是否有內(nèi)容或者有某個(gè)標(biāo)簽的判斷代碼
網(wǎng)站開(kāi)發(fā)時(shí)，我們時(shí)常需要把沒(méi)有內(nèi)容的標(biāo)簽隱藏或者去掉。在用JQ有兩種好的解決辦法2012-02-02
jQuery新聞滾動(dòng)插件 jquery.roller.js
任務(wù)需要,就寫(xiě)了一個(gè)jQuery新聞滾動(dòng)插件jquery.roller.js,功能相對(duì)比較簡(jiǎn)單,可能往后會(huì)加入ajax一段時(shí)間輪詢(xún) 動(dòng)態(tài)加載的功能.下面直接給出源代碼,如果需要可以直接下載2011-06-06
jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的經(jīng)典豎向伸縮菜單效果代碼,通過(guò)jQuery響應(yīng)鼠標(biāo)事件遍歷頁(yè)面元素實(shí)現(xiàn)伸縮菜單的效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
jQuery中insertAfter()方法用法實(shí)例
這篇文章主要介紹了jQuery中insertAfter()方法用法,實(shí)例分析了insertAfter()方法的功能、定義及匹配的元素插入到另一個(gè)指定的元素集合后面的使用技巧,需要的朋友可以參考下2015-01-01
jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
復(fù)制節(jié)點(diǎn)也是常用的DOM操作之一，例如很多購(gòu)物網(wǎng)站的效果,本文將介紹jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)等實(shí)用DOM操作，有需的朋友可以參考下2012-12-12
屬性選擇符就是通過(guò)HTML元素的屬性選擇元素。如獲取所有鏈接的TITLE屬性，可以用$('a[title]')2011-04-04
自制輕量級(jí)仿jQuery.boxy對(duì)話(huà)框插件代碼
最近再做價(jià)值中國(guó)微博，從用戶(hù)體驗(yàn)的角度，將很多常用的window.alert或者window.confirm之類(lèi)比較生硬死板冷不丁的提示改為彈出層的方式實(shí)現(xiàn)。2010-10-10
本代碼將實(shí)現(xiàn)以下樣式及功能：日歷標(biāo)題背景色、日歷標(biāo)題字體色、日歷背景色、日歷字體色、假日字體色、背景水印色、是否顯示上月和下月的日期，感興趣的朋友可以了解下哈2013-04-04
給artDialog 5.02 增加ajax get功能詳細(xì)介紹
本文將詳細(xì)介紹給artDialog 5.02 增加ajax get功能的方法，按興趣的朋友可以參考2012-11-11
改善你的jQuery的25個(gè)步驟 千倍級(jí)效率提升
改善你的jQuery的25個(gè)步驟 -- 從頭看完會(huì)有無(wú)數(shù)收獲,千倍級(jí)效率提升2010-02-02