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 月 |
