`

jQuery:为已有table动态添加、删除行与单元格

阅读更多

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

 

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics