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

我有一个div，其中包含表示产品的元素，这些元素具有购物车项目类

<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的项目，以获得一个空的购物车。如何执行此操作？

这将删除

ol\insert zone

下具有class

cart item

的所有div元素：

var ol = document.getElementById('insert-zone');
var div = ol.getElementsByClassName('cart-item');

for(var i=0;i<div.length;i++)
   ol.removeChild(div[i]);

var ol=document.getElementById（'insert-zone'）；
var div=ol.getElementsByClassName（'cart-item'）；
对于（var i=0；ijQuery:
$（“#插入区域”）.empty（）；

或者如果您不想彻底清理它：
$（'.cart item'）.remove（）；

您还需要一个按钮。因此：

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

这对于jQuery来说非常简单

我刚刚举了一个例子：

HTML:

到目前为止，您的JavaScript代码在哪里？请检查这里+1，但我更喜欢
$（“#insert zone.cart item”）.empty（）；
，以明确目的。@frenchie4111+1是一个不错的答案，尽管它不是最佳答案。对项目集合调用remove（）会删除其中的每个项目，因此$（“.cart item”）.remove（）会自己删除每一个购物车项目。我在发布后看到了这一点。我想我会留下这个答案，以防他最终想要对元素做其他事情（比如发送ajax请求删除cookie或其他东西）
<div id="cart">
    <div class="item-container cart-item">item</div>
    <div class="item-container cart-item">item</div>
    <div class="item-container cart-item">item</div>
    <div class="item-container cart-item">item</div>
    <div class="item-container cart-item">item</div>
    <div class="item-container cart-item">item</div>
</div>
<button id="clear">Clear</button>

$("#clear").click( function() { //When the button with id "clear" is pressed
    $(".cart-item").each( function() { // Find an iterate through each item with class "cart-item"
       $(this).remove(); // Remove the item
    });
});