Dom 角度8-查找具有特定类的父元素

我使用启动菜单，我想将class

active

设置为header菜单，并已单击

子菜单

单击子菜单并设置活动类后，我想找到该子菜单（标题菜单）的父菜单，并设置

活动类

--header item1 (active)
  -- submenu1
  -- submenu2 (active)
--header item2

怎么做

单击菜单后：

<p-panelMenu [model]="items" [style]="{'width':'240px'}" (click) = "activeMenu($event)"></p-panelMenu>

如何在
findMyHeaderItem（）中找到我的标题菜单

当我点击一个子菜单时，我得到
。在上面的
中，DOM中有这样一个父级（包装器），就像另一个
span
，
a
，
li
，
ul
，然后是div，在其中我们有一个元素（应该得到类名
活动的头）

更新

我通过以下方式实现了我的目标：

private findHeaderMenu(currentItem: Element) {
    const element = this.currentMenuItem.parentElement.parentElement.parentElement.parentElement
      .parentElement.parentElement.parentElement.firstElementChild.firstElementChild;
    return element;
  }

但是看起来不太好。。。你有其他的方法吗

private findHeaderMenu(currentItem: Element) {
    const element = this.currentMenuItem.parentElement.parentElement.parentElement.parentElement
      .parentElement.parentElement.parentElement.firstElementChild.firstElementChild;
    return element;
  }