Try   HackMD

使用 closest 解決只能選到目標子層的複雜結構

簡單來說,就是取得最近的目標

使用時機

當在複雜 HTML 結構中 想透過 e.target 選取某個 Element ,卻都只能選到它的子層時,可以透過 closest 去取到自己想要的 Element。

透過 closest 的方法,取得自己想要的父層 Element

寫法:

e.target.closest("想要選取的標籤名稱") // 會從選擇的標籤整個抓取

範例:使用監聽取得 li 標籤

點擊的範圍如果是 ul ,因為標籤監聽從 li 開始抓取,所以會回傳 null

tags: JS

最後,親愛的大家!我需要你的大聲鼓勵 ٩(⚙ᴗ⚙)۶

如果覺得這篇文章對你有幫助,請給我個一個小小的鼓勵 ❤ 讓我知道,這會成為我寫下去很大的動力。
對了,我還有其他文章,如果有興趣也來逛逛吧!
(文章中如有覺得不妥之處、錯誤內容,也可以透過聯絡我,我會儘速改善,感謝!)

☞ YoJanni 珍妮 2021 正在設計轉職前端的路上,希望大家在學習的路上能夠一起成長
☞ 聯絡我