JSFiddle - React, Tailwind, and code Playground
HTML
<div id="orderList">
<div class="cart-popup__list-wrap">
<div class="cart-popup__list">
<table>
<tbody><tr>
<td>
<a rel="12.99" href="#" class="cart-popup__del">close</a>
</td>
<td width="120px">
<span class="cart-popup__prod-name">Mighty Meat Special with Peppers</span>
</td>
<td width="50px">
<div class="cart-popup__price-wrap">
<div class="cart-popup__price">
<span>€12.00 </span>
</div>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
<div class="cart-popup__list-wrap">
<div class="cart-popup__list">
<table>
<tbody><tr>
<td>
<a rel="12.99" href="#" class="cart-popup__del">close</a>
</td>
<td width="120px">
<span class="cart-popup__prod-name">Mighty Meat Special with Peppers</span>
</td>
<td width="50px">
<div class="cart-popup__price-wrap">
<div class="cart-popup__price">
<span>€12.00 </span>
</div>
</div>
...
JavaScript
$('#orderList').on('click','.cart-popup__del',function()
{
$(this).closest('.cart-popup__list-wrap').remove();
return false;
});
$('#orderList').append('<div class="cart-popup__list-wrap">NEW <a rel="12.99" href="#" class="cart-popup__del">close</a></div>');