如何检查角度 6 中最接近的父类名？

Posted 2023-03-16

【中文标题】如何检查角度 6 中最接近的父类名？

【英文标题】：How can I check closest parent classname in angular 6?

【发布时间】：2019-04-09 13:37:11

【问题描述】：

我想检查 Angular 6 中单击元素的最接近父级的类名？

HTML

<div class="parent-element selected" (click)="checkClass($event)">
    <ul>
         <li><a>Link-1</a></li>
         <li><a>Link-2</a></li>
         <li><a>Link-3</a></li>
    </ul>
</div>

角度

checkClass(element) 
 return element.target.classList.contains('selected');

如果我使用“checkClass”函数检查类名，它并不总是给出正确的结果，因为有可能单击父元素以外的元素。所以我想首先找到被点击元素的最近的父元素，然后检查类名。我该怎么做？

【问题讨论】：

this 可能会有所帮助

马上开始。我建议分配值以任意创建孩子的优先级或给他们某种类型的权重，例如 id，然后将其作为目标。

【参考方案1】：

$event.target.parentNode; 会给你父元素。

您可以通过以下方式获取父元素：

 $event.target.parentElement

所有的班级名单都是这样的：

 $event.target.parentElement.classList;

【讨论】：

它没有给出最近的父母，它只是取第一个父母