关于删除div的问题，如何解决？

Question

如何删除div模块

<div class="box orders">
            <time>点餐时间：2022-12-01 17:30</time>
            <div class="odnr"><a href="#">
                    <h1>纳尔斯西餐厅</h1>
                    <h2>大虾沙拉 prawn5 salad+蟹肉沙拉 crab6 salad ...</h2>
                </a></div>
            <div class="odcz">金额：<strong>100.00元</strong><a href="#" id="del">删除</a><a href="gou.html" id="zifu">¥
                    支付</a>
            </div>
        </div>

这部分有个大的div嵌套三段上面的代码，这是个订餐系统，我不会删除这里的div，所以希望能得到帮助

Answer 1

用JQ的写法：

$('#del').click(function(){
  $(this).parent().parent().remove();
})