给指定行tr动态添加、删除一行

最新推荐文章于 2021-08-06 12:38:05 发布

土草贝

最新推荐文章于 2021-08-06 12:38:05 发布

阅读量364

点赞数

文章标签： javascript html html5 jquery

本文链接：https://blog.csdn.net/weixin_42700169/article/details/107252614

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jquery给指定的t添加一行、删除一行</title>

		<script src="js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript">

			function insert(tdIndex){
				var index = 10**17*Math.random();
				$(tdIndex).parent().parent().after("<tr align='center'><td width='30%'>地理</td><td width='30%'>"+ index + "</td><td width='30%'><input type='button' value='+' onclick='insert(this)'/><input type='button' onclick='remove(this)' value='-'/></td></tr> ");
			}
			
			function remove(tdIndex){
				$(tdIndex).parent().parent().remove();
			}
		</script>
	</head>

	<body>
		<table border="1px #ooo" id="tab" cellpadding="0" cellspacing="0" width="30%">
			<tr align="center">
				<td width="30%">科目</td>
				<td width="30%">成绩</td>
			</tr>
			<tr align="center">
				<td width="30%">语文</td>
				<td width="30%">80</td>
				<td width="30%">
					<input type="button" id="add" onclick="insert(this)" value="+"/>
				</td>
			</tr>
		</table>
	</body>

</html>

土草贝

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
给指定行tr动态添加、删除一行

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery给指定的tr添加一行、删除一行</title> <script src="js/jquery-2.1.4.min.js"></script> <script type="text/javascript"> function insert(t.
复制链接

扫一扫