会，closest 从自身开始查找并优先返回自身；若需排除自身，可用 parentElement.closest() 或先用 matches() 判断。

会，closest 一定会先检查当前元素自身，如果它就匹配选择器，就直接返回它，不会继续往上找。

为什么它要包含自己？

这是 closest 的设计原则：「从自身开始向上查找」。它不是「找父级」，而是「找最近的匹配节点」——而「最近」当然包括起点本身。

• 比如一个 <button class="btn"></button> 调用 button.closest('.btn')，结果就是这个 button 自己
• 再比如一个 <div data-role="modal"> 调用 <code>div.closest('[data-role]')，也立刻命中自身

  怎么避免查到自己？

  如果你明确只想找「祖先」（不包括自己），有几种稳妥做法：

  • 先用 element.matches(selector) 判断是否是自身匹配，是则跳过
  • 改用 element.parentElement?.closest(selector)，强制从父节点开始
  • 用带排除逻辑的选择器，例如 closest('div:not(.self)')（但注意：若自身有 .self 类，才真正跳过）

  实际中什么时候会踩这个坑？

  常见于事件委托场景：

  • 你给一个卡片区域绑定点击事件，想点「内部按钮」时操作卡片，结果按钮自己也有 class="card" —— event.target.closest('.card') 就返回了按钮，而不是外层卡片容器
  • 修复方式：加一层判断，比如 if (target.matches('.card') && target !== event.target) { ... }，或统一用 event.target.parentElement.closest('.card')

  记住一个简单口诀

  closest 不是“找爸爸”，是“找最近的符合条件的人”——你自己符合条件，那你就排第一。