问如何同步删除localStorage和div里面其中一个的值？

提问于 2022-04-05 09:24:57

回答 1关注 0查看 184

我在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");
                        }
                    });
                });

这是我的添加代码