javascript - 如果孩子有一个活跃的班级，那么也给父母一个活跃的班级 - Vanilla JS

Question

正如标题所说，如果父导航项的'is-active'子'active'项在vanillaJS. 我知道怎么做，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');
}

标签： javascripthtmlcss

Answer 1

现代浏览器实际上支持 .closest() 方法，请参阅Mozilla 开发者网站