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,不一样的只有数组内容和下标

回答

成为首答用户。去 写回答
相关文章
git忽略已经提交的文件
开发的时候有时候需要对已经提交的文件做忽略处理,这时候直接添加到.gitignore中是不行的。 需要忽略已跟踪文件的变动: git update-index --assume-unchanged <file> 撤销忽略跟踪 git update-index --no-assume-unchanged <file>
码农二狗
2018/06/29
9100
【Git】修改已经提交的commit内容
通过 Git 进行版本管理时,对于已经提交但没有 push 的 message 信息,发现提交信息填写错误后,如何进行修改? 对于已经 push 的 message 信息如何修改?通过git rebase -i进行分支管理,以及重新操作已经提交的分支信息[reword,edit,squash 等]。此次用到的主要是reword修改已经提交的message信息。
程序小工
2018/09/12
9.6K1
ahooks 是怎么解决用户多次提交问题?
本文是深入浅出 ahooks 源码系列文章的第四篇,这个系列的目标主要有以下几点:
GopalFeng
2022/08/01
2K0
Git 查看提交历史
在提交了若干更新之后,又或者克隆了某个项目,想回顾下提交历史,可以使用 git log 命令查看。
看、未来
2022/05/06
1.3K0
原 GIT忽略已经被提交的文件
git update-index --assume-unchanged 的真正用法是这样的: 你正在修改一个巨大的文件,你先对其 git update-index --assume-unchanged,这样 Git 暂时不会理睬你对文件做的修改; 当你的工作告一段落决定可以提交的时候,重置改标识:git update-index --no-assume-unchanged,于是 Git 只需要做一次更新,这是完全可以接受的了; 提交+推送。 原解答来源:http://segmentfault.com/q/1
霡霂
2018/06/04
7910
git已经提交的文件回复忽略「建议收藏」
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/168737.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/22
3480
idea查看某个类的提交记录
使用如下命令加文件全路径: git log --pretty=oneline 文件路径名 例如: G:\gitcode\finance>git log --pretty=oneline G:/gitc
IT云清
2019/01/22
4.6K0
git 切换分支 + 提交 + 更新 +查看历史 + 提交 + 推送
一.  查看远程分支    git branch  或者 git branch -r
双面人
2019/04/10
2.1K0
查看MAC下已经保存的wifi密码
首先,打开应用程序中『实用工具』文件夹中的『钥匙串访问』,如图 选择左侧的『密码』,就可以看到右侧有『airport网络密码』 双击你需要查看密码的wifi名称,如图 勾选下方的『显示密码』,看到了吧,会要求你输入系统密码 输入系统密码之后,wifi的密码就显示出来了
botkenni
2021/10/28
2.2K0
查看MAC下已经保存的wifi密码
Git系列之查看提交历史
本节来说下Git 的提交历史,在日常开发中我们每天都在提交自己的更新代码之仓库,那么作为管理人员或者自己如何来查看提交了哪些呢?
申霖
2019/12/27
1.9K0
Git系列之查看提交历史
git log 查看 当前分支的 提交历史[通俗易懂]
默认不用任何参数的话,git log 会按提交时间列出所有的更新,最近的更新排在最上面。看到了吗,每次更新都有一个 SHA-1 校验和、作者的名字 和 电子邮件地址、提交时间,最后缩进一个段落显示提交说明。
全栈程序员站长
2022/09/23
4.8K0
Express框架之路由已经表单自提交
正则表达式可以被使用。正则表达式中,未知部分用圆括号分组,然后可以用req.params[0]、[1]得到。
十月梦想
2018/08/29
5270
MySQL如何查看未提交的事务SQL
MySQL中经常遇到事务中的SQL正在执行或执行完成后未提交,如何找出对应的SQL?
俊才
2023/01/16
3.2K0
2.3 Git 基础 - 查看提交历史
在提交了若干更新,又或者克隆了某个项目之后,你也许想回顾下提交历史. 完成这个任务最简单而又有效的工具是 git log 命令。
shaonbean
2019/05/26
1.1K0
git怎么撤回提交
https://www.cnblogs.com/codebook/p/10074049.html
JQ实验室
2022/04/29
5720
Git/SourceTree·查看单个文件提交记录
在Git版本控制的时候,有时候只关心查看单个指定文件的历史改动,而不需要查看整个工程的历史改动: 这里演示一个图形化办法:SourceTree,找到指定文件,右键菜单,选中 “查看选中的修改日志”
陈满iOS
2018/10/11
19.1K0
Git/SourceTree·查看单个文件提交记录
javascript当中表单提交(空格提交的问题)
4.表单提交(空格提交的问题) 例 4.1(form.submitIEFF.html) <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script language=javascript> function check() { var form = document.getElementById("regForm"); if (form.user.value == "") { alert("用户名不能为空!"); } else { form.submit(); } } </script> <form method=post id="regForm" action="jsp1.jsp"> 用户<input type="text" name="user"/><br> <INPUT TYPE="button" onclick="check();" id="regBut" value="提交"/> </form> 以上例子很好,但有个问题,当光标放在文本框里时,即使空格,回车也会提交。不信你试试,浏览器(IE和火狐)都这样。下面给出解决办法。 例 4.1_a <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script language=javascript> function check() { var form = document.getElementById("regForm"); if (form.user.value == "") { alert("用户名不能为空!"); } else { form.submit(); } } </script> <form method=post id="regForm" action="jsp1.jsp"> 用户<input type="text" name="user" onkeydown="if(event.keyCode==13) return false;"/><br> <INPUT TYPE="button" onclick="check();" id="regBut" value="提交"/> </form> 或者用下面的例子,里面用了onSubmit,只要提交,它就会被执行。
马克java社区
2019/10/17
1.6K0
javascript当中表单提交(空格提交的问题)
Git示例教程 - 查看指定提交的修改内容
相关命令: # 查看<commit>提交修改的文件 git show --stat <commit> # 查看<commit>提交修改的文件及内容 git show <commit> 情景模拟: 先用下面的命令创建一个测试用的Git仓库: # 创建一个空的Git仓库 mkdir repo cd repo git init # 第一次提交 echo a1 > a.txt echo b1 > b.txt git add . git commit -m 1 # 第二次提交 echo a2 >> a.txt
KINGYT
2019/11/28
1.7K0
点击加载更多

相似问题

申请域名填写错了已经提交 ,怎么撤回?

0291

刚刚过期的域名怎么续费?

2329

刚刚建了几天的站怎么就提示Service Unavailable?

2300

怎么查看mysql密码?

0540

怎么查看绑定的图像?

0102
相关问答用户
腾讯 | 行业应用产品经理擅长4个领域
腾讯云视频产品中心擅长4个领域
新浪微博 | 高级总监擅长4个领域
到家集团 | 技术VP擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档