js实现父选择器
在JavaScript中，没有直接的原生方法实现类似CSS父选择器的功能（即通过子元素选择父元素），但可以通过以下方法间接实现：
通过parentNode属性向上查找
使用DOM元素的parentNode属性可以逐级向上查找父元素：
const child = document.querySelector('.child-class');
const parent = child.parentNode;
// 如果需要匹配特定选择器
if (parent.matches('.target-parent-class')) {
// 找到目标父元素
}使用closest()方法
现代浏览器支持Element.closest()方法，可以向上查找匹配选择器的最近祖先元素：
const child = document.querySelector('.child-class');
const parent = child.closest('.parent-selector');递归查找实现
当需要自定义查找逻辑时，可以编写递归函数：
function findParent(element, selector) {
if (!element || element === document) return null;
if (element.matches(selector)) return element;
return findParent(element.parentNode, selector);
}
// 使用示例
const parent = findParent(childElement, '.desired-parent');事件委托中的父元素获取
在事件处理场景中，可以通过event.currentTarget获取绑定事件的父元素：
document.querySelector('.parent').addEventListener('click', (e) => {
if (e.target.classList.contains('child')) {
const parent = e.currentTarget;
}
});注意事项
parentNode返回的是直接父节点，可能是文本节点或元素节点closest()方法在IE11及以下版本不支持，需要polyfill- 递归查找时要注意终止条件，避免无限循环
这些方法可以根据不同场景选择使用，closest()通常是现代项目中最简洁的实现方案。
