Как удалить в нажатой карточке блок?

Question

[kimqar_ver]

Всем привет!
Встал вопрос по javascript.
Есть страница на который очень много идентичных блоков, например:

<div class="cart-product"></div>
<div class="cart-product"></div>
<div class="cart-product"></div>
<div class="cart-product"></div>
<div class="cart-product"></div>

В каждом блоке есть дочерние элементы:

<div class="cart-product">
        <div class="info__product">
                 <div class="delete">Удалить</div>
        </div>
</div>
<div class="cart-product">
        <div class="info__product">
                 <div class="delete">Удалить</div>
        </div>
</div>
<div class="cart-product">
        <div class="info__product">
                 <div class="delete">Удалить</div>
        </div>
</div>
<div class="cart-product">
        <div class="info__product">
                 <div class="delete">Удалить</div>
        </div>
</div>

Как сделать так, чтобы если нажать на блок с классом delete, удалялся полностью данный блок "cart-product"? Я сделал, но к сожалению он удаляет все блоки на странице. Как сделать так чтобы данный код удалял блок только в нажатой карточке товара?

Answer 1

[ZB Venom]

Answer 2

[Алексей Ярков]

Как сделать так чтобы данный код удалял блок только в нажатой карточке товара?

По клику искать предка нажатой кнопки и удалять только его.