Почему .parentNode underfined?

Question

[MalikDeveloper2077]

HTML:

<div class="question"> 
    <form class="delete-form" type="POST">
        <a class="btn btn-danger delete-btn" data-pk="{{ question.pk }}">Delete</a>
    </form>
</div>

JS:

$('.delete-btn').click(function(e) {
        e.preventDefault();
        let btn = $(this);

        $.ajax({
            type: 'POST',
            url: 'some_url',
            data: {
                // Some data
            },
            success: function(data) {
                // Remove question
                btn.parentNode.removeChild(btn) //  HERE PROBLEM WAS CALLED
            },
            error: function(error) {
                // Danger
            }
        })
    })

Хочу удалить .question (родителя кнопки)
Почему то когда я пишу console.log(btn) выводится обьект кнопки, когда пишу btn.parentNode - underfined. Как исправить?

Answer 1

[Aetae]

let btn = $(this);
$ - jquery,
this - HTMLElement,
$(this) - объект jquery.

У объекта jquery нет свойства parentNode. У него есть метод parent().
parentNode есть у HTMLElement.

remove(), который вам советуют, есть и там и там, но лучше вам понимать что вы делаете, чем полагаться на удачные совпадения.

Answer 2

[Шохрух Шаймардонов]

Используйте elem.remove().
Описание: https://developer.mozilla.org/ru/docs/Web/API/Chil...

Answer 3

[Надим]

Попробуйте так:
btn.parentElement.remove();