Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何同步删除localStorage和div里面其中一个的值?

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

提问于 2022-04-05 01:24:57
回答 1关注 0查看 241

我在js里面使用数组添加数据,但是删除时我点击的div和localStorage里面的值不同步

代码语言:js
AI代码解释
复制
$("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走

代码语言:js
AI代码解释
复制
$("#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,不一样的只有数组内容和下标

回答 1

EatRice

修改于 2022-04-05 09:54:28

您好,您这个删除有一行代码可能要修改一下:

代码语言:js
AI代码解释
复制
list = list.splice(i,1);

否则你的删除不起作用

和开发者交流更多问题细节吧,去 写回答
相关文章
运用惰性删除和定时删除实现可过期的localStorage缓存
使用localStorage可以在浏览器中存储键值对的数据。经常被和localStorage一并提及的是sessionStorage,它们都可以在当浏览器中存储键值对的数据。但是它们之间的区别是:存储在localStorage的数据可以长期保留;而当页面会话结束(也就是当页面被关闭)时,存储在sessionStorage的数据会被清除。
万猫学社
2022/04/22
1.4K0
如何遍历ArrayList集合,并安全删除其中的元素[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/163132.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/15
1.4K0
在GitHub里面如何删除库
GitHub是一个面向开源及私有软件项目的托管平台,今天将为大家介绍如何在GitHub中彻底删除一个代码仓库。
肥晨
2023/02/16
9700
使用pandas的话,如何直接删除这个表格里面X值是负数的行?
前几天在Python白银交流群【空翼】问了一个pandas处理Excel数据的问题,提问截图如下:
Python进阶者
2023/03/02
3.4K0
使用pandas的话,如何直接删除这个表格里面X值是负数的行?
单列div不包含里面div margin的解决方法
若一个大的div ,里面有2个小div,第一个小div有margin-top:20px; margin-bottom:20px;,第二个小divmargin-bottom:20px;
tianyawhl
2019/04/04
1.6K0
jquery点击删除按钮,删除当前的div
现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。
王小婷
2019/07/08
6.2K0
Pd.series,如何删除某一个值
前几天在Python最强王者交流群【封代春】问了一个Pandas的问题,Pd.series中如何删除某一个值?
前端皮皮
2022/08/17
8800
Pd.series,如何删除某一个值
关于AtomicInteger里面addAndGet如何保证同步的(compareAndSwapInt原理)
比如我们使用new AtomicInteger(1);就会加载类,static静态代码块执行。使用的反射的机制得到名字是value的Field对象,再根据objectFieldOffset这个方法求出value这个变量在该对象内存中的偏移量valueOffset 。
砖业洋__
2023/05/06
1270
LocalStorage 的一个漏洞
LocalStorage 是 html5 的本地存储,其中的内容以文件的形式保存在本地磁盘中。
ApacheCN_飞龙
2019/02/15
8940
LocalStorage 的一个漏洞
如何给localStorage设置一个过期时间?
点击上方'IT平头哥联盟'关注与您一起成长~ 用心分享 做有温度的攻城狮 引言   这个话题其实在上次分享<小程序填坑记里讲过了>已经讲过(大佬可绕过哦~),但后来群里/评论都有些同学,提到了一些疑问
苏南
2020/12/16
9620
如何给localStorage设置一个过期时间?
localStorage和sessionStorage
在以前,想要存储数据在本地中只有cookie,而cookie又被限制了大小,在不同浏览器只能存储4k左右的cookie。于是H5新增了本地存储localStorage,在不同浏览器可以存储5M左右。
wade
2020/04/24
8790
如何删除 JavaScript 数组中的虚值[每日前端夜话0x55]
翻译:疯狂的技术宅 原文:https://medium.freecodecamp.org/how-to-remove-falsy-values-from-an-array-in-javascript-e623dbbd0ef2
疯狂的技术宅
2019/05/06
11.9K0
如何删除 JavaScript 数组中的虚值[每日前端夜话0x55]
php案例:删除json里面的一个{}对象
作者:陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 文章目录 前言 cyg.php ---- 前言 删除数组里面的一个{}对象 比如 '[{"id":"666","name":"cyg","age":"27","subject":"海南学校"},{"id":"7777","name":"liwen","age":"21","subject":"北京学校"}]'; 变成了(那个1是下标哈,外面的数组的下标哈) { "1": { "id"
贵哥的编程之路
2022/10/24
7720
php案例:删除json里面的一个{}对象
git同步远程已删除的分支和删除本地多余的分支
可以发现红框中的分支是远程分支已被删除的分支,根据提示可以使用 git remote prune 来同步删除这些分支。
smy
2018/08/01
3.8K0
git同步远程已删除的分支和删除本地多余的分支
cookie和localStorage
Cookie 保存值 // 设置域 $.cookie(key, value, {expires: 7, path: '/', domain: classapi.domain, secure: false}); // 不设置域 $.cookie(key, value, {expires: -1, path: '/', secure: false}); 删除值 // 设置域 $.cookie(key, null, {expires: -1, path: '/', domain: classapi.domain,
码客说
2019/10/21
5380
One DIV:纯 CSS 和一个 DIV 标签创建的图标合集
One DIV 是一个使用纯 CSS 和一个 <div> 标签元素创建图标的案例合集,One DIV 使用了大量的 CSS3 的新功能来创建这些图标,所以可能这些图标并不适合实际项目中的使用,但是 One DIV 对 CSS3 的使用可能是一个很不错的灵感来源。
Denis
2023/04/14
2.1K0
One DIV:纯 CSS 和一个 DIV 标签创建的图标合集
localstorage和sessionstorage的区别
localStorage和sessionStorage是Web提供的两种本地存储方式。
跟着阿笨一起玩NET
2020/10/09
1.8K0
cookies,sessionStorage和localStorage的区别?
cookies是为了标识用户身份而存储在用户本地终端上的数据,始终在同源http请求中携带,即cookies在浏览器和服务器间来回传递,而sessionstorage和localstorage不会自动把数据发给服务器,仅在本地保存。
kdyonly
2023/03/03
4600
Cookie、localStorage 和 sessionStorage
localStorage存储大小没有限制,时间没有限制 ,只支持较高版本的浏览器
lilugirl
2019/05/28
9430
localStorage和sessionStorage本地存储
使用HTML5中的Web Storage API, 可以在客户端存储更多的数据,,可以实现数据在多个页面中共享甚至是同步,对于复杂的数据,可以使用 Web SQL Database API 来实现。
达达前端
2021/02/04
2.2K0

相似问题

kettle如何向TBDS里面同步数据?

0141

localStorage值的最大值是多少?

23.6K

如何在一个双引号里面加双引号?

21.5K

视频直播里面的推流地址没有怎么办?OBS里面流URL和流名称如何设置?

210.7K

腾讯云通讯收不到离线消息推送怎么办?

21.1K
相关问答用户
到家集团 | 技术VP擅长5个领域
新浪微博 | 高级总监擅长4个领域
擅长5个领域
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档