0

私は、 cart-itemクラスを持つ製品を表す要素を持つ 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 を持つすべてのアイテムをクリアして空のカートを取得するボタンが必要です。これどうやってするの？

4

3 に答える 3

4

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

または、完全にクリーンアップしたくない場合: $('.cart-item').remove();

ボタンも必要です。そう：

$('#button-id').on('click', function() {
   $('.cart-item').remove();
});
于 2013-06-20T06:37:06.607 に答える
3

cart-itemこれにより、以下のクラスを持つすべての div 要素が削除されol #insert-zoneます。

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

for(var i=0;i<div.length;i++)
   ol.removeChild(div[i]);
于 2013-06-20T06:36:28.463 に答える