H5进行动态添加元素,删除元素
来源:互联网 发布:东京女子图鉴 知乎 编辑:程序博客网 时间:2024/06/05 11:20
H5进行利用js进行动态添加数据
其中最主要的是进行ID的赋值操作,每次添加相对应的ID需要进行加1,
在删除时,通过ID除过来相关的ID进行删除
还有就是删除最后一个添加的元素时,再次追加时的ID判断
这里使用的方式如下:
在删除元素之后,查询DIV下追加的共同元素的个数,然后取最后一个ID,在其后进行追加相关的元素
具体实现如下:
<div class="systemList"> <ul id="system_ul"> <li id="system_ul_li1" class="system_li_num"> <div class="delete" id="del_system_button1" onclick="delete_system(1)"> 删除 </div> </li> </ul></div>
在ul下增加li控件,点击添加按钮
var id = 2;function add_system(){//获取所有class的数据 var all_inner_div = $(".system_li_num"); //获取最后一个元素的ID,注意对象的转换不能直接使用,因为$和dom对象使用不同,这个需要注意 //all_inner_div[all_inner_div.length - 1].attr("id");会报错找不到 var last_id = $(all_inner_div[all_inner_div.length - 1]).attr("id"); $("#"+last_id+"").after("<li class='system_li_num' id='system_ul_li"+id+"'><div class='delete' id='del_system_button1' onclick='delete_system"+id+"'</li>") //ID自增 id++;}
删除方法:
通过传过来的ID,进行移除
function delete_system(flag){//根元素不删除 if(flag == 1){ alert("cancel"); }else{ document.getElementById("system_ul_li" + flag + "").remove(); }}
完成,基本的增加删除就可以实现了
阅读全文
0 0
- H5进行动态添加元素,删除元素
- jQuery动态添加、删除元素
- javascript动态添加删除元素
- jquery动态添加删除元素
- Dom动态添加删除元素
- 动态表单添加及动态删除元素
- 链表,可以进行首尾添加元素,删除
- JavaScript 动态删除/添加HTML表单元素
- Jquery 动态添加上传及删除元素
- jquery 动态给div添加元素删除元素
- document对象 动态的创建元素(节点)/添加元素(节点)/删除元素(节点)
- JS添加删除元素
- 添加或删除元素
- jquery 添加、删除元素
- 添加、删除HTML元素
- 数组 添加删除元素
- jquery 添加删除元素
- 添加、删除元素
- 输出 n 阶实心菱形 占2*n-1行
- surf特征
- 多媒体的一些基础概念
- div+css 怎么让一个小div在另一个大div里面 垂直居中
- UISlider 获取滑块上方坐标&解决滑块两边空隙
- H5进行动态添加元素,删除元素
- 微信检测器 微信过滤工具
- Doing Homework again
- CMTime
- CATransform3D
- UE4_网络基础知识
- OpenGL = Hello World
- AVPlayer 截屏(swift3.0)
- 交叉编译zlib