亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

jQuery遍歷之closest()方法

以選定的元素為中心,往內查找可以通過find、children方法。如果往上查找,也就是查找當前元素的父輩祖輩元素,jQuery提供了closest()方法,這個方法類似parents但是又有一些細微的區別,屬于使用頻率很高的方法

closest()方法接受一個匹配元素的選擇器字符串

從元素本身開始,在DOM 樹上逐級向上級元素匹配,并返回最先匹配的祖先元素

例如:在div元素中,往上查找所有的li元素,可以這樣表達

$("div").closet("li')

注意:jQuery是一個合集對象,所以通過closest是匹配合集中每一個元素的祖先元素

closest()方法給定的jQuery集合或元素來過濾元素

同樣的也是因為jQuery是合集對象,可能需要對這個合集對象進行一定的篩選,找出目標元素,所以允許傳一個jQuery的對象

注意事項:在使用的時候需要特別注意下

粗看.parents()和.closest()是有點相似的,都是往上遍歷祖輩元素,但是兩者還是有區別的,否則就沒有存在的意義了

  1. 起始位置不同:.closest開始于當前元素 .parents開始于父元素
  2. 遍歷的目標不同:.closest要找到指定的目標,.parents遍歷到文檔根元素,closest向上查找,直到找到一個匹配的就停止查找,parents一直查找到根元素,并將匹配的元素加入集合
  3. 結果不同:.closest返回的是包含零個或一個元素的jquery對象,parents返回的是包含零個或一個或多個元素的jquery對象

具體使用可以參考右邊代碼區域:

任務

請在右邊代碼區域的第53行填入任務代碼

找到class="item-1"的li元素
通過closest方法往上找到class=".level-2"的ul元素
加上邊框顏色
?不會了怎么辦

        $('li.item-1')
            .closest('.level-2')
            .css('border', '1px solid red')

||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?