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

时间:2018-11-06 07:05:04

标签: javascript angular parent closest classname

我想检查在角度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”功能检查类名,则它不会总是给出正确的结果,因为除父项之外,还有可能单击其他元素。因此,我想首先找到clicked元素的最接近的父级,然后再检查类名。我该怎么办?

1 个答案:

答案 0 :(得分:1)

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

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

 $event.target.parentElement

以及所有的班级列表:

 $event.target.parentElement.classList;