javascript - 如何从 DOM 中删除具有特定类名的所有元素？

Question

我有一个 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>

我想要一个按钮，按下该按钮后，会清除所有具有购物车项目类别的项目以获得空购物车。我怎样才能做到这一点？

Answer 1

jQuery:$('#insert-zone').empty();

或者，如果您不想完全清理它:$('.cart-item').remove();

你还需要一个按钮。所以:

$('#button-id').on('click', function() {
   $('.cart-item').remove();
});