2016-12-05 80 views
-2

我想使用JQuery做簡單的待辦事項列表,並試圖將locaStorage(這是我第一次使用它)實現到它。將元素添加到localStorage可以正常工作,但我在刪除它們時遇到了問題。我已經試過這樣:本地存儲刪除項目

localStorage.removeItem("todolist", $('#todoList').html()); 

這:

localStorage.removeItem("todolist"); 

在這兩種情況下,當我使用刪除按鈕,所有煤礦「禮」元素被刪除,但我想刪除個別元素「 li',所以我可以在JQuery中使用類似'this'的選擇器。這裏是我的JSBin,讓你更好地理解我在做什麼:http://jsbin.com/tenara/2/edit?html,js,output

+0

請問您可以發佈更多的代碼嗎? – Anadi

+0

不要將'html'存儲在本地存儲中,存儲對象數組(字符串化),並在添加/刪除待辦事項列表項時將其添加/刪除 – Jamiec

+0

請注意,localstorage只存儲字符串,所以當您想要刪除特定元素,你必須解析並重新應用它 – empiric

回答

4

當你刪除一個項目,你並沒有刪除你的整個todolist。相反,您應該保存更新的todolist並刪除該項目。雖然你的方法保存項目是可疑的(你應該真的有一個項目的數組,每個項目有一個描述和「完成」的狀態,然後JSON字符串化,而不是),它應該工作得很好,只要在刪除某個項目時實際保存了更新的列表。

+0

所以基本上我需要更新我的列表,當我按下刪除按鈕?我應該在我的功能中刪除列表項目或文檔準備好嗎?對不起,我完全是編程初學者,掌握所有這些新概念對我來說很難。起初我嘗試使用JSON製作這個List,但是這樣做並不順利,所以現在我試圖用localStorage來實現它。 – Karadjordje

相關問題