Javascript 点击获取孩子的祖父母

我想通过单击每个子级来获取父级

id

，使用

event.target.parentNode.id

，但它只返回当前元素的父级，目标是在单击每个子级时获取

#HereIAm

id。有什么想法吗

$（窗口）。单击（函数（事件）{
log（event.target.parentNode.id）；
});


点击我
点击我

点击我
点击我
给定HTML，一个选项是使用
.closest
并使用选择器字符串
div[id]
选择具有
id
属性的最近祖先：


$（文档）。单击（函数（{target}）{
const nestest=target.nestest（'div[id]'）；
if（最近的）console.log（最近的.id）；
});


点击我
点击我

点击我
点击我
给定HTML，一个选项是使用
.closest
并使用选择器字符串
div[id]
选择具有
id
属性的最近祖先：


$（文档）。单击（函数（{target}）{
const nestest=target.nestest（'div[id]'）；
if（最近的）console.log（最近的.id）；
});


点击我
点击我

点击我
点击我
如果您想通过点击点击我来获得此处，您只需访问单击我父项的父项即可


函数getGrandParent（目标）{
如果（target.parentElement.id==='HereIAm'）{
console.log（target.parentElement.id）
}否则{
getGrandParent（target.parentElement）；
}
}



点击我
点击我

点击我
点击我
如果您想通过点击点击我来获得此处，您只需访问单击我父项的父项即可


函数getGrandParent（目标）{
如果（target.parentElement.id==='HereIAm'）{
console.log（target.parentElement.id）
}否则{
getGrandParent（target.parentElement）；
}
}



点击我
点击我

点击我
点击我
Binding click event to window cause return error on click on white space谢谢，必须先检查
最近的
元素是否存在Binding click event to window cause return error on click on white space谢谢，必须先检查
最近的
元素是否存在