2 hu961691590 hu961691590 于 2017.09.07 12:38 提问

table增加删除的显示问题
js

弹窗第一次点进去显示正常,后面每在点一次多一行数据,bug调试获取table行数都是1,这个多余的数据不知道哪里来的...
下面是部分主要代码
js代码:$('.data-sele').on('click',function(e){
larer.open({
type:1,
title:'查看信息',
area:'658px',
success:function(dom,index){
//获取参数id
var id=$(e.target).parents('tr').data('id');
//获取table对象
var tab=document.getelementbyid("tab-prodInfo");
//创建tbody
var tbody=document.createelement("tbody");
tab.appendChild(tbody);
$.post(path+'/accetsInfo/sele.json',{
id:id
},function(result){
if(result['success']){
var data=result['result'];
$('#modal-prodInfo').removeAttr("style");
for(var x=0;x<data.length;x++){
var accetsList=[];
var obj=eval(data[x]);
accetsList.push(obj["prodCode"]);
accetsList.push(obj["prodName"]);
.....后续还有几个,这里省略

                                            //创建新的行
                                            var r=document.createelement("tr");
                                            tbody.appendchild(r);
                                            for(var i=0;i<accetsList.length;i++){
                                                //创建新的列
                                                var c=document.createelement("td");
                                                c.innerHTML=accetsList[i];
                                                r.appendchild(c);
                                            }
                                        }
                                }
                            })
                    },
                    btn:['取消'],
                    no:function(index){
                        layer.close(index);
                    },
                    end:function(index){
                      //获取table对象
                        var tab=document.getelementbyid("tab-prodInfo");
                        //获取table行数
                        var rowNum=tab.rows.length;
                        for(var i=0;i<rowNum;i++){
                            if(i==0){
                                continue;
                            }
                            //删除行
                            tab.deleteRow(i);
                            rowNum=rowNum-1;
                            i=i-1;
                        }
                    }
        })

})

页面部分代码:

字段1 字段1 字段1 .......

3个回答

qq_34926773
qq_34926773   2017.09.07 13:24

你用的appendchild方法就会在元素其后追加元素。所以就出现了点一次就多一条
那么为什么table的行数为1呢;
因为你追加上的元素没有被获取到;
js动态追加元素时,获取可以用$("body").on("click","#...",function(){})如此的方法

ChibiMarukoChan
ChibiMarukoChan   2017.09.08 16:29

后面的数据没有追加上去

hu961691590
hu961691590   2017.09.13 18:23

谢谢小伙伴们的回答,是我自己有一个小地方写错了对象,发的问题的代码是正确的

Csdn user default icon
上传中...
上传图片
插入图片