javascript - 如何检查 Angular 6 中最接近的父类名？

Question

我想检查 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>

Angular

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

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

Answer 1

$event.target.parentNode; 将为您提供父元素。

你可以通过这个获取父元素:

 $event.target.parentElement

和所有类列表:

 $event.target.parentElement.classList;