我想对已经添加的localStorage在html页面进行修改，不知道该怎么做了

$("#save").click(function(){
        $(".kuang").splice(function(){
            if(localStorage){
                let theList = localStorage.getItem('list');
                if (theList){ 
                    theList = JSON.parse(theList);
                } else {
                    theList = [];
                }                        
                console.log(theList);
                var k1 = $(".k1[data-index=x");
                var meeti = k1.children("#title").val();
                var area = k1.children("#content").val();
                let meeti1 = meeti;
                let area1 = area;
                theList.push({meeti1, area1});
                localStorage.setItem('list', JSON.stringify(theList))//转换成字符串
                $("#panel1").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' class='editt' /><img src='delete.png' class='delete' /><img src='more.png' id='more' /</div></div>"; 
            }else{
                alert("添加失败");
                console.log("eieiei");
            }
        });
    });

我不知道应该怎么去修改了，可以给一些提示吗？
还有就是我的html页应该怎么显示我要修改的内容呢