Не получается удалить через jQuery элемент на шаг выше, удаляются все элементы как поступить?

Question

[Bahtiar Akimkanov]

На странице есть такая разметка

<div class="task__ite">Hello
    <a href="#" class="close__botton"></a>
</div>
<div class="task__ite">Hello
    <a href="#" class="close__botton"></a>
</div>
<div class="task__ite">Hello
    <a href="#" class="close__botton"></a>
</div>
<div class="task__ite">Hello
    <a href="#" class="close__botton"></a>
</div>

когда я пытаюсь удалить через кнопку удаления с конца всё работает нормально , а если начать удалять с первого косит всю структуру всё что ниже код java script ниже

$(`.close__botton`).on(`click`, function(event){
            event.preventDefault();
            let closeAction = $(`.close__botton`).closest(`.task__item`);
            closeAction.remove();
        });

как сделать так чтоб когда он нашел первый элемент удалял только его а не всё что ниже

Answer 1

[Тигран Абрамян]