Javascript 本地存储删除项目

Javascript 本地存储删除项目,javascript,jquery,html,local-storage,Javascript,Jquery,Html,Local Storage,我尝试使用JQuery创建简单的待办事项列表,并尝试在其中实现locaStorage(这是我第一次使用它)。向localStorage添加元素可以很好地工作,但我在删除它们时遇到了问题。我试过这个: localStorage.removeItem("todolist", $('#todoList').html()); 这是: localStorage.removeItem("todolist"); 在这两种情况下,当我使用delete按钮时,我所有的'li'元素都会被删除,但我想删除单个元素

我尝试使用JQuery创建简单的待办事项列表,并尝试在其中实现locaStorage(这是我第一次使用它)。向localStorage添加元素可以很好地工作,但我在删除它们时遇到了问题。我试过这个:

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

localStorage.removeItem("todolist");

在这两种情况下,当我使用delete按钮时,我所有的'li'元素都会被删除,但我想删除单个元素'li',所以我可以在JQuery中使用类似'this'的选择器。这是我的JSBin,以便您更好地了解我在做什么:

当您删除一个项目时,您并不是在删除整个
todolist
。相反,您应该保存更新后的
todolist
,并删除该项


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

请发布更多代码。不要将
html
存储在本地存储中,存储一个对象数组(字符串化)并在添加/删除todo列表项目时从中添加/删除请注意,本地存储仅存储一个字符串,因此当您要删除特定元素时,你必须解析并重新应用它,所以当我按下删除按钮时,基本上我需要更新我的列表?我应该在删除列表项的函数中这样做,还是在文档准备就绪时这样做?很抱歉,我是编程的初学者,掌握所有这些新概念对我来说都很难。起初我试着用JSON制作这个列表,但效果不好,所以现在我试着用localStorage实现它。