Javascript 如何通过单击按钮从本地存储中删除元素？

此函数在数组

myTasks

中添加任务，该数组是本地存储器中键

--tasks

的值。我希望通过单击前端和后端的交叉按钮来删除特定任务。

onClick[i]

应该从前端和本地存储器中删除该项

function addTasks() {
    var j;
    var myTasks = [];
    //gets the stored tasks in the array
    myTasks = JSON.parse(localStorage.getItem(session))[0].TASKS; 
    if ((myTasks.length) >= 1) {
      for ( j = 0; j < (myTasks.length); j++) {
        var ul = document.getElementById("myUL");
        var li = document.createElement("li");
        var t = document.createTextNode(myTasks[j]);
        li.appendChild(t);
        document.getElementById("myUL").appendChild(li);

        var span = document.createElement("SPAN");
        var txt = document.createTextNode("\u00D7");
        span.className = "close";
        span.appendChild(txt);
        li.appendChild(span);

        for (i = 0; i < close.length; i++) {
          close[j].onclick = function () {
           var index= myTasks.indexOf(j);
            console.log(myTasks);
            var div = this.parentElement;
            //myTasks.splice(i,1);
            div.style.display = "none";
          }
        }
      }
    }
    else {
      document.getElementById("myUL").value = "";

    }
  }

函数addTasks（）{
var j；
var myTasks=[]；
//获取数组中存储的任务
myTasks=JSON.parse（localStorage.getItem（session））[0].TASKS；
如果（（myTasks.length）>=1）{
对于（j=0；j<（myTasks.length）；j++）{
var ul=document.getElementById（“myUL”）；
var li=document.createElement（“li”）；
var t=document.createTextNode（myTasks[j]）；
li.儿童（t）；
文件.getElementById（“myUL”）.appendChild（li）；
var span=document.createElement（“span”）；
var txt=document.createTextNode（“\u00D7”）；
span.className=“关闭”；
span.appendChild（txt）；
李.儿童（span）；
对于（i=0；i

---

.

我建议您删除本地存储中的会话，并在会话中再次存储编辑的数组

我假设您已经从数组myTasks中删除了该任务

localStorage.remove(session);
localStorage.setItem('session', JSON.stringify(myTasks));

---

你已经试过什么了？另见：