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()方法搜索向上与指定 CSS 选择器匹配的元素的 DOM 树。

这个closest()方法从元素本身开始，然后是锚点（父元素、祖元素、...），直到找到匹配项。

这个closest()方法返回null()如果没有找到匹配项。

element.closest( selectors)

Parameter	Description
selectors	Required. One or more (comma separeted) CSS selectors to match. See our Complete CSS Selectors Reference.

类型	描述
对象	与指定 CSS 选择器匹配的最接近的祖先元素或元素本身。如果没有找到匹配项，`null`被返回。如果选择器无效，则抛出 SYNTAX_ERR 异常。

第一个完全支持的浏览器版本closest()方法：


Chrome 41	Edge 15	Firefox 35	Safari 9	Opera 28
Mar 2015	Apr 2017	Jan 2015	Oct 2015	Mar 2015