Element.closest() 方法
Element.closest() 方法用于查找当前元素及其祖先元素（从当前元素开始向上查找），直到匹配指定的选择器。该方法返回匹配的元素，如果没有找到匹配的元素，则返回 null。
语法
element.closest(selector);
参数
- selector: 一个字符串，表示用于匹配的选择器字符串。
返回值
- 返回找到的第一个匹配的祖先元素（包含当前元素），如果没有匹配，则返回
null。
描述
closest() 方法会从调用它的元素开始，向上遍历元素的祖先，直到找到一个匹配指定选择器的元素。- 如果当前元素符合选择器条件，则返回当前元素。
- 该方法不能跨越文档边界，会在到达文档根元素时停止查找。
- 选择器可以是任何有效的 CSS 选择器，包括类名、ID、标签名等。
示例
let element = document.querySelector('.child');
let closestElement = element.closest('.parent');
console.log(closestElement); // 输出找到的父元素或 null
支持情况
Element.closest() 在现代浏览器中都有良好的支持，但请注意在一些旧版本的浏览器中可能不被支持。
参考链接