以選定的元素為中心,往內(nèi)查找可以通過find、children方法。如果往上查找,也就是查找當(dāng)前元素的父輩祖輩元素,jQuery提供了closest()方法,這個(gè)方法類似parents但是又有一些細(xì)微的區(qū)別,屬于使用頻率很高的方法
closest()方法接受一個(gè)匹配元素的選擇器字符串
從元素本身開始,在DOM 樹上逐級(jí)向上級(jí)元素匹配,并返回最先匹配的祖先元素
例如:在div元素中,往上查找所有的li元素,可以這樣表達(dá)
$("div").closet("li')
注意:jQuery是一個(gè)合集對(duì)象,所以通過closest是匹配合集中每一個(gè)元素的祖先元素
closest()方法給定的jQuery集合或元素來(lái)過濾元素
同樣的也是因?yàn)閖Query是合集對(duì)象,可能需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo)元素,所以允許傳一個(gè)jQuery的對(duì)象
注意事項(xiàng):在使用的時(shí)候需要特別注意下
粗看.parents()和.closest()是有點(diǎn)相似的,都是往上遍歷祖輩元素,但是兩者還是有區(qū)別的,否則就沒有存在的意義了
具體使用可以參考右邊代碼區(qū)域:
請(qǐng)?jiān)谟疫叴a區(qū)域的第53行填入任務(wù)代碼
找到class="item-1"的li元素 通過closest方法往上找到class=".level-2"的ul元素 加上邊框顏色
$('li.item-1')
.closest('.level-2')
.css('border', '1px solid red')
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)