js 增加行和删除行

最新推荐文章于 2021-08-21 16:43:24 发布

flanet

最新推荐文章于 2021-08-21 16:43:24 发布

阅读量2.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/flanet/article/details/8279525

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html> 
<head> 
<title> 
</title> 
<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript" language="javascript"> 

function delTr(tableId) { 
	//得到一个表格对象
	var table1 = $('#'+tableId);
	//表格的行数
	var trSize = $('#'+tableId+' tr').size();
	if(trSize>1){
		var lastTr = $('#'+tableId+" tr:last");
		lastTr.remove();
	}else{
		alert("只剩下最后一行了，不能删除了！");
	}
} 
//mytableJS
function addNewTr(tableId){
	//得到一个表格对象
	var table1 = $('#'+tableId);
	//表格的行数
	var trSize = $('#'+tableId+' tr').size();
	//如果表格里行数大于等于1
	if(trSize>0){
	   //得到表格中第一行的数据
		var lastTr = $('#'+tableId+" tr:last");
		//创建第一行的副本对象
		var newTr = lastTr.clone(true);
		//在第一行后面添加副本
		lastTr.after(newTr);
	}else{
		alert('talbe没有初始行！');
	}
}



</script> 
</head> 
<body> 
<input type="button" value="添加一行" οnclick="addNewTr('table1');"> 
<input type="button" value="删除一行" οnclick="delTr('table1');"> 
	<table id="table1" cellspacing="3" cellpadding="3" border="1" width="400">
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
	</table> 
</body> 
</html>

flanet

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 增加行和删除行

function delTr(tableId) { //得到一个表格对象 var table1 = $('#'+tableId); //表格的行数 var trSize = $('#'+tableId+' tr').size(); if(trSize>1){ var lastTr = $('#'+tableId+" tr:last"); lastTr.remove(); }e
复制链接

扫一扫