jQuery.closest、.find和.toggleClass到vanilla javascript

如何将以下函数转换为简单的香草javascript等效函数

   $(elem).closest(".container").find(".panel").toggleClass('active');

---

使用现代浏览器，您可以轻松完成此操作

最近的

寻找

上课

查看链接，了解如何使用vanila js完成JQuery可以完成的相同操作

/$（elem）.closest（.container”）.find（.panel”）.toggleClass（'active'）；
函数doTheThing（el）{
el.closest（'.container'）.querySelector（'.panel'）.classList.toggle（'active'）；
}

.active{
颜色：#f00；
}

面板
点击

到目前为止您尝试了什么？什么都没有，因为我根本不懂纯JavaScript。与jQuery相比，它似乎过于冗长和复杂，这就是为什么我想在这里发表文章，从了解vanilla JSYes、

elem.closest（.container”）.querySelector（.panel”）.classList.toggle（“active”）

的人那里寻求帮助的原因。

parent=el.closest（.container”）