html中添加删除元素之removeChild

页面html

    <div class="layui-input-block" id="collect"></div>

添加元素点击查询从后端得到数据，数据可以保证每次只会返回一条

 var searchList = [];        //收件人列表*******************************************searchList.push(res.msg)var html = '';html += "<div class ='layui-col-md1'>";html += "<div class='peopleOne'>";html += "<div class='peopleleft'>" + res.msg[1] + "</div>";html += "<div class='peopleright' onclick='del(" + res.msg[0] + ")'>×</div>";html += "</div>";html += "<div>";$("#collect").append(html)

每次后台返回的数据会放在searchList 数组中

点击删除的时候不仅要把searchList 中的数据删除掉页面上的节点也要删除

    function del(id) {searchList.forEach(function (item, index) {if (item[0] == id) {searchList.splice(index, 1)var parent=document.getElementById("collect");//找到父元素parent.removeChild(parent.childNodes[index+1]);} })}

先找到存放所有元素的节点collect 移除下边的子节点审查元素的时候是这样的

因为循环是从0开始的对应数组中下标加1

 var parent=document.getElementById("collect");//找到父元素parent.removeChild(parent.childNodes[index+1]);

html中添加删除元素之removeChild相关推荐

js如何往数组Array中添加删除元素
原文:https://www.tmico.cn/wordpress/?p=222 数组常用方法: 1.pop 删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined 2.pus ...
在浏览器中添加删除页面元素
在浏览器中添加删除页面元素一.添加元素确定添加元素位置,并找到容器元素. 新建一个填写内容步骤,添加填写项目,获取容器元素,填写属性为添加子元素addchild,填写内容为新元素的html代码. ...
扩展JavaScript数组（Array）添加删除元素方法
为JavaScript数组(Array)扩展添加删除元素方法作者:jcLee95:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 ...
Java中List 删除元素方法參考
Java中List 删除元素 Java中List 删除元素会使集合大小减少,合理删除的一些方法. 1:删除后的元素i-1 删除一个元素后,后边的元素左移1位,此时i-1,保证了下次循环能访问到左移了1 ...
redis cluster中添加删除重分配节点例子
redis cluster中添加删除重分配节点例子作者:用户来源:互联网时间:2016-05-05 10:22:27 摘要: 本文讲的是redis cluster中添加删除重分配节点例子, re ...
圣诞节PNG免扣素材|轻松向现有项目中添加节日元素！
制作任何东西,从定制的圣诞卡,图标,可以用于网站设计或包装,甚至图形,照片和插图,PNG免扣格式图片素材,无疑可以帮助你有效的完成项目. 节日的装饰不仅仅包括挂一棵圣诞树和添加金属箔.装饰也可以延伸到 ...
Java 集合中遍历删除元素抛异常的原因，从ArrayList说起
文章目录使用for删除遗漏元素的原因: 使用foreach删除报错的原因: 其它集合的删除方法删除集合元素的工具类 ArrayList删除元素的方式. 使用for循环删除.会遗漏删除的元素使用f ...
Html怎样往div中添加文本,给div中添加文本元素
[javascript]代码库给div中添加文本元素 div{ border: 1px solid blue; background-color: green; width: 300px; heig ...
oracle删除主键之一,oracle中添加删除主键的方法
1.创建表的同时创建主键约束 (1)无命名 sql;"> create table student ( studentid int primary key not null,stude ...

html中添加删除元素之removeChild

html中添加删除元素之removeChild相关推荐

最新文章

热门文章