本地存储删除项目[重复]

Question

我正在尝试使用 JQuery 制作简单的 ToDo 列表，并尝试在其中实现 locaStorage（这是我第一次使用它）。将元素添加到 localStorage 工作正常，但我在删除它们时遇到问题。我试过这个：

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

还有这个：

localStorage.removeItem("todolist");

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

Answer 1

当您删除一个项目时，您并没有删除整个todolist。相反，您应该保存更新后的 todolist 并删除该项目。

虽然您保存项目的方法有问题（您确实应该有一个项目数组，每个项目都有描述和“完成”状态，然后 JSON 将其字符串化并保存），但它应该可以正常工作，前提是您在删除项目时实际保存了更新的列表。