2016-07-30 83 views
0

我應該如何從localStorage中刪除數據並通過onclick函數刪除表?我的表存儲localStorage項目是使用JavaScript創建(只有行)。我想要的是從特定行中刪除數據並清除所有行並獲取最新存儲。Javascript表和本地存儲

這裏是我的代碼:

function removeItem(that){ 
var x = localStorage.getItem("cart"); 

    if(x==null){ 
     x = []; 
    } 
    else{ 
     x = JSON.parse(x); 
    } 
    x.splice(i,1); 
    console.log(x); 
    localStorage.setItem("cart", JSON.stringify(x)); 
    for(var i = 1; i<=table.length; i++){ 
     document.getElementById("table").deleteRow(i); 
    } 


} 
+0

'x.splice(I,1);'?什麼是'我'? – Rayon

+0

索引。我不知道如果我做得對。這就是我尋求幫助的原因 –

回答

0

首先,它的確定使用數組來存儲數據,但我認爲這是更好地使用對象。 例如,購物車可能是:

var cart = { 
    1: { 
    id: 1, 
    Name: "One", 
    Price: 100 
    }, 
    2: { 
    id: 2, 
    Name: "Two", 
    Price: 200 
    } 
} 

,那麼你可以使用id = 2刪除購物車中物品與

delete cart[2]; 

其次,你可以使用內置的功能,如的getElementById,getElementsByClassName方法,的addEventListener。 ..解決問題,但jquery是更好的選擇這些問題。

document.getElementById("table") 

// is equals to 

$("#table") 

更短吧?然後你可以使用jQuery的更多功能以你的方式烹飪你的網站。

爲您的上面的示例代碼 http://codepen.io/jnovax/pen/kXjGwL

Rgrds小碼,

+0

我想刪除我使用javascript創建的表格的行,以及存儲在特定表格中的數據,它在數組中,這就是爲什麼我使用拼接的原因。任何想法從這一點開始刪除? –

+0

顯示您的html&js,以便我可以清楚地看到您的問題plz。 – novax