我在js里面使用数组添加数据,但是删除时我点击的div和localStorage里面的值不同步
$("body").on("click",".k1",function(i){//div里面的内容定向删除
var list = JSON.parse(localStorage.getItem('list'));
list.splice(i,1);
localStorage.setItem('list',JSON.stringify(list));
$(this).remove();
});
这是我的删除代码,删localStorage的指针一直都指向第一个数据,没有跟随我点击的div走
$("#btn1").click(function(){//页面正常添加数据
$(".kuang").append(function(){
if(localStorage){
let theList = localStorage.getItem('list');
if (theList){
theList = JSON.parse(theList);
} else {
theList = [];
}
console.log(theList);
let meeti = $("#meeti").val();
let area = $("#area").val();
theList.push({meeti, area});
localStorage.setItem('list', JSON.stringify(theList))//转换成字符串
$("#panel").hide();
console.log("lalala");
return "<div class='k1'><span id='title'>"+
meeti+"</span><p id='content'>"+
area+"</p><div class='edit'><img src='edit.png' id='edit' /><img src='delete.png' id='delete' /><img src='more.png' id='more' /</div></div>";
}else{
alert("添加失败");
console.log("eieiei");
}
});
});
这是我的添加代码
请问一下我这应该怎么解决?我的这个数组没有特定的id,不一样的只有数组内容和下标
相似问题