我有一个 div,其中包含代表产品的元素,这些元素具有cart-item类。
<div id="cart">
<h1 class="ui-widget-header">Demostration Site</h1>
<div class="ui-widget-content">
<ol id="insert-zone" class="ui-droppable ui-sortable">
<li class="placeholder" style="display: none;">Add your items here</li>
<div class="item-container cart-item"></div>
<div class="item-container cart-item"></div>
<div class="item-container cart-item"></div>
<div class="item-container cart-item"></div>
<div class="item-container cart-item"></div>
<div class="item-container cart-item"></div>
<div class="item-container cart-item"></div>
</ol>
</div>
</div>
我想要一个按钮,在被按下后,它会清除所有带有 cart-item 类的项目以获得一个空的购物车。我怎样才能做到这一点?