javascript - 如果一个 child 有一个活跃的类(class)，那么也给 parent 一个活跃的类(class) - Vanilla JS

Question

正如标题所说，如果父导航元素的子项在 Vanilla JS。我知道如何在 jQuery 中执行此操作，但我不想在我的元素中添加它们。

我已经成功地创建了一个基本的 jsfiddle - http://jsfiddle.net/1k9su6vo/ - 这符合我的预期，但我认为当我开始向 nav 添加更多复杂性时，它有点太基础了。

有没有一种像jQuery用.find(), .closest()等一样遍历导航的简单方法但是用js ？

if (document.querySelector('.active')) {
   document.querySelector('.active').parentNode.parentNode.parentNode.classList.add('is-active');
}

Answer 1

现代浏览器实际上支持 .closest() 方法见Mozilla developer site