我使用data-index设置添加的每一个div的id值,我应该怎么通过这个id值,来对div和div里面的localStorage进行删除
$(document).ready(function(){
if(localStorage){//解决的是页面刷新后,从localStorage里面提取数据放到页面上
let theList = localStorage.getItem('list');
if(theList){
theList = JSON.parse(theList)//将theList转换为js对象
for(let i in theList){
$(".kuang").append(
"<div class='k1'data-index="+i+"><span id='title'>"+
theList[i].meeti + "</span><p id='content'>"+
theList[i].area+"</p><div class='edit'><img src='edit.png' id='edit' /><img src='delete.png' class='delete' /><img src='more.png' id='more' /</div></div>"
);
}
}
}
$(".create").click(function(){
if($("#panel").css('display')=="none"){
$("#panel").show();
}
});
$("#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");
const index = theList.length - 1;
return "<div class='k1' data-index="+index+"><span id='title'>"+
meeti+"</span><p id='content'>"+
area+"</p><div class='edit'><img src='edit.png' id='edit' /><img src='delete.png' class='delete' /><img src='more.png' id='more' /</div></div>";
console.log(i.target.dataset.index);
}else{
alert("添加失败");
console.log("eieiei");
}
});
});
这是显示和添加的部分,删除部分我应该怎么做呢?
这是我删除部分的代码
$(".delete").click(function(i){
let list = localStorage.getItem("list");
console.log(list);
});