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