JavaScript closest()

JavaScript 中的 closest() 方法用于检索与选择器匹配的元素的最近祖先或父元素。如果没有找到祖先元素，该方法将返回 null。

此方法会遍历元素及其在文档树中的父元素，并持续遍历直到找到第一个与提供的选择器字符串匹配的节点。

语法

在上面的语法中，selectors 是一个包含选择器的字符串（例如 p:hover 等），用于查找节点。

让我们通过一些插图来理解这个方法。

示例 1

在这个示例中，有三个 div 元素和一个标题，我们在其上应用了 closest() 方法。这里，我们使用的选择器是 id 选择器、后代选择器、子选择器和 :not 选择器。

输出

执行上述代码后，输出将是 -

示例 2

这是使用 JavaScript 的 closest() 方法的另一个示例。

输出

执行上述代码后，输出将是 -