2016-12-05 88 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