jQuery:为已有table动态添加、删除行与单元格
程序员文章站
2022-05-25 22:31:51
...
这是jsp中需要动态添加、删除行的table:
<div class="detail_list"> <table class="detal_tab" width="100%" cellpadding="0" cellspacing="0" border="1"> <tr> <th>扫描时间</th><th>扫描类型</th><th>公众号</th><th>公众号昵称</th> </tr> </table> </div>
js代码:
$.post( "/工程名/namespace/XXX.action", "传递的参数名="+传递参数的值, function(data){//异步返回结果 var scanPage = eval("("+data+")"); var tab = $(".detal_tab");//获取表 //每次填充表之前,先清除以前的旧数据 if(tab.size()>0){ tab.find("tr:not(:first)").remove(); } //填充数据 var list = scanPage.list;//这是一个list集合 for(var i=0;i<list.length;i++){ var str = '<tr>'+ '<td>'+list[i].createTimeStr+'</td>'+ '<td>'+list[i].type+'</td>'+ '<td>'+list[i].openId+'</td>'+ '<td>'+list[i].nick+'</td>'+ '</tr>'; $(".detal_tab").append(str); } } );
这样就可以了啊,这是用jQuery实现的,在 网上搜了好多,终于找到了一个相对合适的。