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
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
javascript开发系列(table操作,table增加一行,删除一行,取行号,列号)
增加删除:insertRow,deleteRow, insertCell,deleteCell,行号,列号:rowIndex ,cellIndex。实例:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    无标题页            table {
javascript增加和删除table行及验证和遮罩
javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩
JQUERY方法给TABLE动态增加 删除行
比如设置table的id为tab var trHTML = "..." $("#tab").append(trHTML);//在table最后面添加一行 $("#tab tr:eq(2)").after(trHTML); // 在table的第3行后面添加一行 这样就可以进行动态的添加行了,至于你是通过什么事件来动态添加那就看你自己的意思了,通过button或者div之类的点击事件添加,只
js控制table增减行 (例如:订单添加删除商品)
【html代码】 添加商品 编号 商品名称 单价 购买数量 小计 操作 product_id;?>" name="product_id[]">
Table动态增加删除行
关于table表格行的动态操作。
Jquery实现table行数的增加,删除,实现指定行数的添加等应用~~~~!!!!
先看下效果图(帮助大家理解实现哪些功能): 先上Html代码: 添加一行到底部            添加一行到顶部 编号
我用方法转了 可是还不行
实现对一张table的删除增加和修改,其中增加和修改要与数据表关联,可是汉字有问题
JS :点击按钮table增加一行,删除一行
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> "> update_data.jsp
Jquery html<table>数据行的添加和删除
1.运行结果 2.需要引用的js文件                     3.源码 #xb { width: 110px; } .selected { background:y
关于JS添加table行和删除行的问题
function insertRows(){    var tempRow=0;    var tbl=document.getElementById("dictTbl");   tempRow=tbl.rows.length; //获取当前table的行数   //alert(tempRow);   var Rows=tbl.rows;//类似数组的Rows    var newRo