Обход DOM с использованием jquery с элементом li

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 элемента, что означает все элементы и поддеревья.