jquery购物车从本地存储删除表行

时间:2017-10-21 22:16:14

标签: javascript jquery local-storage shopping-cart

当我点击“x”按钮时,我正试图从购物车(和本地存储)中删除一行。

这是我到目前为止所拥有的:

statusUpdate("icon16", Office.context.mailbox.item.itemId);

这是我的存储代码:

for (i=0; i<numCart; i++){

    var button = $('<td>'+infoCartItems[i].button+'</td>').addClass("checkoutTitles");
    button.text('x');
    row.append(button);
    $(".cartTable").append(row);

}

1 个答案:

答案 0 :(得分:0)

以下是我用来从购物车中删除商品的代码:

$(".remove").on('click', function() {

// get the index of the row in the table
var index = $(this).parent().parent().index();
index = index - 1;

// remove item from table
$(this).parent().parent().remove();

// remove item from the cart local storage
var cart = JSON.parse(localStorage.getItem("itemsArray"));
cart.splice(index, 1);
localStorage.setItem("itemsArray", JSON.stringify(cart));
location.reload();

});