По нажатию на .remove-item должен исчезать родитель. Но по нажатию исчезает не родитель. А последний элемент с таким же классом как и у родителя. Что делать? Рядом стоит Vue
$('.remove-item').click(function(event) {
$(this).parent('.item').remove()
});
<div class="composition">
<div class="item">
<p class="item-name">Пододеяльник 160 * 220 см | Кофе с молоком </p>
<div class="num">
<a class="sign minus">-</a>
<p class="num-val">3</p>
<a class="sign plus">+</a>
</div>
<div class="item-cost">4 999 <span>руб.</span></div>
<span class="remove-item">×</span>
</div>
<div class="item">
<p class="item-name">Пододеяльник 160 * 220 см | Кофе с молоком </p>
<div class="num">
<a class="sign minus">-</a>
<p class="num-val">3</p>
<a class="sign plus">+</a>
</div>
<div class="item-cost">4 999 <span>руб.</span></div>
<span class="remove-item">×</span>
</div>
<div class="item">
<p class="item-name">Пододеяльник 160 * 220 см | Кофе с молоком </p>
<div class="num">
<a class="sign minus">-</a>
<p class="num-val">3</p>
<a class="sign plus">+</a>
</div>
<div class="item-cost">4 999 <span>руб.</span></div>
<span class="remove-item">×</span>
</div>
<div class="item">
<p class="item-name">Пододеяльник 160 * 220 см | Кофе с молоком </p>
<div class="num">
<a class="sign minus">-</a>
<p class="num-val">3</p>
<a class="sign plus">+</a>
</div>
<div class="item-cost">4 999 <span>руб.</span></div>
<span class="remove-item">×</span>
</div>
</div>