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)
参数
| 参数 | 描述 |
| 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 月 |
