jQuery是一個(gè)合集對(duì)象,如果想快速查找合集里面的每一個(gè)元素的所有祖輩元素,此時(shí)可以用parents()方法
其實(shí)也類似find與children的區(qū)別,parent只會(huì)查找一級(jí),parents則會(huì)往上一直查到查找到祖先節(jié)點(diǎn)
理解節(jié)點(diǎn)查找關(guān)系:
<div class="div"> <ul class="son"> <li class="grandson">1</li> </ul> </div>
在li節(jié)點(diǎn)上找到祖 輩元素div, 這里可以用$("li").parents()方法
parents()無(wú)參數(shù)
parents()方法允許我們能夠在DOM樹中搜索到這些元素的祖先元素,從有序的向上匹配元素,并根據(jù)匹配的元素創(chuàng)建一個(gè)新的 jQuery 對(duì)象;
返回的元素秩序是從離他們最近的父級(jí)元素開始的
注意:jQuery是一個(gè)合集對(duì)象,所以通過(guò)parent是匹配合集中所有元素的祖輩元素
parents()方法選擇性地接受同一型選擇器表達(dá)式
同樣的也是因?yàn)閖Query是合集對(duì)象,可能需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo)元素,所以允許傳一個(gè)選擇器的表達(dá)式
注意事項(xiàng):
1 .parents()和.parent()方法是相似的,但后者只是進(jìn)行了一個(gè)單級(jí)的DOM樹查找 2 $( "html" ).parent()方法返回一個(gè)包含document的集合,而$( "html" ).parents()返回一個(gè)空集合。
具體的操作,請(qǐng)參考右邊的代碼
請(qǐng)?jiān)谟疫叴a區(qū)域的第75行填入任務(wù)代碼
找到class="item-b"元素的所有祖輩元素 并且附上一個(gè)紅色的邊框
$('.item-b').parents().css('border', '2px solid red')
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)