本地存储删除项目

时间:2016-12-05 16:35:21

标签: javascript jquery html5 local-storage

我试图使用JQuery创建简单的ToDo列表,并尝试将locaStorage(它是我第一次使用它)实现到其中。向localStorage添加元素工作正常,但我在删除它们时遇到问题。我试过这个:

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

和此:

localStorage.removeItem("todolist");

在这两种情况下,当我使用删除按钮时,我所有人都在使用删除按钮。元素被删除,但我想删除单个元素' li' ,我可以使用像这样的' JQuery中的选择器。这是我的JSBin,所以你更好地理解我在做什么:http://jsbin.com/tenara/2/edit?html,js,output

1 个答案:

答案 0 :(得分:4)

当您删除某个项目时,您不会删除整个todolist。相反,您应该保存已删除该项目的更新todolist

虽然你保存项目的方法有问题(你应该有一个项目数组,每个项目都有一个描述和一个"完成"状态,然后JSON字符串化并保存它),它应该可以正常工作,只要您在删除项目时实际保存更新的列表。