使用带有li元素的jquery进行DOM遍历

Question

全部

我有以下代码

<ul class="known-fields list-unstyled" [hidden]='!showKnownList' style="width: 25%; max-height: 400px">
    <li class="known-field known-field-hover" *ngFor="let knownField of knownFields" (click)="onKnownFieldClicked($event, knownField)">
        <span class="known-field-text" [ngClass]="{ 'required': knownField.required }">
            {{ knownField.label }}
        </span>
    </li>
</ul>

我知道当前元素，但是在获取元素的父元素以删除click事件方面遇到问题。

这向我显示了正确的span元素

console.log($(this.activeKnownFieldElement).html());

这向我显示了循环中的每个li元素。我认为parent（）只会在元素上方显示一个单li元素（因此我可以删除click事件）。

console.log($(this.activeKnownFieldElement).parent().html());

我想念什么？

Thx jonpfl

Answer 1

该行应该简单地是：

console.log($(this.activeKnownFieldElement).parent());

仅

.parent()会为您提供父元素。 .html()确切地返回其名称的含义：元素的innerHTML，表示所有元素和子树。