欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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实现的,在 网上搜了好多,终于找到了一个相对合适的。