我想检查在角度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元素的最接近的父级,然后再检查类名。我该怎么办?
答案 0 :(得分:1)
$event.target.parentNode;
将为您提供父元素。
您可以通过以下方式获取父元素:
$event.target.parentElement
以及所有的班级列表:
$event.target.parentElement.classList;