JS中实现对table的操作
开发过程中,想到了一个小功能,写了一段代码,主要功能是实现,table里删除一行序号不变,table内容写死,不是foreach里的index。
文章图片
点击1.del,整行包括1.1、1.2都删除;点击2.1、2.3删除该行;点击3.1,删除该行;每次删除,第一个td序号自动排序
文章图片
代码如下:
【js小功能】
function deleteTest(obj){
var tr=obj.parentNode;
var tds=tr.childNodes;
var tdNames=tds[0].id.split('.');
var integer1=parseInt(tdNames[0]);
var integer2=parseInt(tdNames[1]);
var tbody=tr.parentNode;
var trs=document.getElementsByTagName('tr');
var bigTrCount=0;
var x={};
var beforeTrCount=tdNames[0]-1;
//要被删除大节点前面的tr个数
for(var i=0;
i
Insert title here - 锐客网
1 1 1 del
1.1 1.1 1.1 del
1.2 1.2 1.2 del
2 2 2 del
2.1 2.1 2.1 del
2.2 2.2 2.2 del
2.3 2.3 2.3 del
2.4 2.4 2.4 del
3 3 3 del
3.1 3.1 3.1 del
3.2 3.2 3.2 del
3.3 3.3 3.3 del
推荐阅读
- JavaScript|web前端入门到实战(好用的Js图表库)
- 接口访问加密方式
- 实用技术|Chrome 技术篇-常用web调试手法(清除缓存并硬性重新加载)
- 有关easyUI的拖动操作中droppable,draggable用法例子
- web前端|CSS科技感四角边框
- ColorBox 演示和说明/API
- SUI 列表 底部无限滚动
- js把时间戳转化为时间
- js jq获取标签的各种方式整理
- WEB前端|用HTML5canvas绘制一个圆环形的进度表示