HTML DOM 元素 closest() 方法
示例
查詢與 CSS 選擇器 ".container" 匹配的最近的元素
const element = document.getElementById("myElement");
const closest = element.closest(".container");
自己動手試一試 »
查詢與 ".container" 或 ".wrapper" 匹配的最近元素
const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");
自己動手試一試 »
描述
closest() 方法會在 DOM 樹中**向上**搜尋與指定 CSS 選擇器匹配的元素。
closest() 方法從元素本身開始，然後是它的祖先（父元素、祖父元素...），直到找到匹配項。
如果找不到匹配項，closest() 方法將返回 null()。
語法
element.closest(selectors)
引數
| 引數 | 描述 |
| 選擇器 | 必需。 一個或多個（逗號分隔的）要匹配的 CSS 選擇器。 請參閱我們的完整 CSS 選擇器參考。 |
返回值
| 型別 | 描述 |
| 物件 | 與指定 CSS 選擇器匹配的最近的祖先元素，或元素本身。 如果找不到匹配項，則返回 null。如果選擇器無效，則會引發 SYNTAX_ERR 異常。 |
瀏覽器支援
完全支援 closest() 方法的第一個瀏覽器版本
| Chrome 41 |
Edge 15 |
Firefox 35 |
Safari 9 |
Opera 28 |
| 2015 年 3 月 | 2017 年 4 月 | 2015 年 1 月 | 2015 年 10 月 | 2015 年 3 月 |
