jqueryショッピングカートローカルストレージからテーブル行を削除する

Question

「x」ボタンを押すとショッピングカート（およびローカルストレージ）から行を削除しようとしています。ここで

は、私がこれまで持っているものです。ここに

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

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

} 

は、私は私の記憶コードを持っているものです。

var newItem= new Bun(pack, current, flavor2nd, flavor3rd, money); 
var existingCartItems = JSON.parse(localStorage.getItem("itemsArray"))||[]; 
existingCartItems.push(newItem); 
localStorage.setItem("itemsArray", JSON.stringify(existingCartItems)); 

Answer 1

ここで私は私のショッピングカートからアイテムを削除するために使用されるコードです：

$(".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(); 

}）;