javascript - 纯 Javascript : event. 目标 : Get the next Sibling, & 第一个 child

标签 javascript html css

<分区>

我有一个 HTML 表格并为每一行设置了事件监听器:

var greyHeadings = document.querySelectorAll(".grey");

console.log(greyHeadings);

greyHeadings.forEach(function(greyHeading){
  greyHeading.addEventListener('click', function(e){
    displayDescription(e, greyHeading);
  });
});

被调用的函数(displayDescription)如下:

function displayDescription(e, greyHeading){
  var desc = e.target.parentNode.nextSibling.firstChild;
  console.log(desc);
}

它确实让我找到了正确的目标,但似乎 nextSibiling.firstChild 不起作用。我需要到达下一行(所以, sibling ),并找到第一个 td(所以,第一个 child ),所以我可以向它添加一个 active 类,-以防你想知道。

我还创建了一个 jsfiddle:https://jsfiddle.net/7vpzLfke/

我是初学者,所以非常感谢更详细的解释!

最佳答案

您必须使用 nextElementSibling 而不是 nextSibling,因为 nextElementSibling 总是返回一个 HTML 元素。更多关于 here

关于javascript - 纯 Javascript : event. 目标 : Get the next Sibling, & 第一个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44676281/

相关文章:

javascript - 如何在裁剪 HTML5 Canvas/JavaScript 后从图像中删除透明空白?

html - 如何在页面加载时将附加标签加载到 URL

javascript - 使用 rxjs 创建一个将在稍后连接到 Web 套接字的可观察对象

javascript - 使用点击功能交换图像

javascript - Phonegap 中的 Angular 2 不起作用(纯 JavaScript)

javascript - Highcharts 更改单个系列的标签文本

javascript - 固定滚动条上的 div

javascript - 试图在 jQuery 覆盖层上打一个洞,出现问题

javascript - 使用CSS让div中的段落一个一个连续出现

javascript - html5 JavaScript,全局变量