js closest

作者：蛋蛋的憂傷发布日期:2025-07-27 浏览:84

// 示例代码：使用 closest 方法查找最近的父元素

// HTML 结构
/*
<div class="container">
  <div class="parent">
    <div class="child" id="myElement">
      Click me!
    </div>
  </div>
</div>
*/

// JavaScript 代码
document.getElementById('myElement').addEventListener('click', function() {
  // 使用 closest 方法查找最近的带有 .parent 类的祖先元素
  var closestParent = this.closest('.parent');

  if (closestParent) {
    console.log('找到最近的 .parent 元素:', closestParent);
  } else {
    console.log('没有找到匹配的祖先元素');
  }
});

// 解释说明：
// closest 方法会从当前元素开始，沿着 DOM 树向上遍历，直到找到第一个匹配的选择器的祖先元素。
// 如果找到了匹配的元素，则返回该元素；如果没有找到，则返回 null。

上一篇：js 包含

下一篇：js 或者