javascript - 检索单击元素的父级

Question

我有一个

- -

结构。每个

包含一个 ，里面有3个 。我需要一个函数，它会在我每次单击

或其任何元素( 、 #1、#2、#3)时返回单击的

。 我尝试的是将 z-index 属性设置为 < td >，其值高于 < div > 和 < span > 元素的值。因此，我试图将它们“隐藏”在

后面，但没有成功。 这是我现在得到的: http://jsbin.com/mocajahalu/2/edit?html,css,js,output 请帮忙。 最佳答案 试试这个... document.addEventListener('click',function (e) { var parentEl = null; if (e.target.tagName === "TD") { // When user clicks on TD parentEl = e.target; } else if (e.target.parentElement.tagName === "TD") { // When user clicks on any of its child element (The DIVs and SPANs) // If user clicks on any child elements parentEl = e.target.parentElement; } // parentEl is the TD element alert(parentEl); e.preventDefault(); }, false); 关于javascript - 检索单击元素的父级，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29321342/ 上一篇：html - 使装饰 div 的边框向下延伸到粘性页脚的顶部 下一篇：HTML 表头不显示，如何修复？ 相关文章： javascript - 淡入淡出相关div动画 javascript - 图像 slider 未正确加载 html - 修改选择，只有第一个是灰色的 css - 单选按钮作为选项卡 javascript - 如何在 Electron JS 文件中导入另一个 JS 文件(位于同一目录中) javascript - 在javascript中循环遍历数组时跳过不匹配的字符串 javascript - $在 mongodb 中最多过滤 3 个嵌套级别 javascript - 溢出时调整字体大小以适合内容 css - Div 高度 100% 格式化问题 javascript - 读取 mp3 的元数据 ©2023 IT工具网  联系我们

Answer 1

试试这个...

document.addEventListener('click',function (e) {
   var parentEl = null;

   if (e.target.tagName === "TD") {
     // When user clicks on TD
     parentEl = e.target;
   } else if (e.target.parentElement.tagName === "TD") {
     // When user clicks on any of its child element (The DIVs and SPANs)
     // If user clicks on any child elements
     parentEl = e.target.parentElement;
   }

   // parentEl is the TD element
   alert(parentEl);
   e.preventDefault();
}, false);