首页 > Web开发 > 详细

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

时间:2015-06-06 02:05:30      阅读:350      评论:0      收藏:0      [点我收藏+]

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

?

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

原文:http://yunlian0621.iteye.com/blog/2217355

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!