为table添加行

用户注册

投稿取消

文章分类:

还能输入300字

上传中....

热门文章更多>>

标签更多>>

word左右居中纵向分布 word左右居中对齐 word左右居中对齐怎么设置 word标题回车后为正文 word标题回车后直接分页 word标题回车后中间空了好大一段 word里面行距怎么调整无法缩小 word里面行距一直很大 word里面行距怎么设置在哪里 word试卷格式文档怎么打印 word试卷格式排版 word中隐藏文字打印 word中隐藏文字快捷键 word中隐藏文字在哪里

专题更多>>

最新文章更多>>

淡淡的忧伤有木有

为table添加行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-2.1.0.js">
			
		</script>
	</head>
	<body>
		<table id="toptable">
			<tr >
				<td>
					<input type="text" />
				</td>
				<td>
					<input type="" name="" id="" value="" />
				</td>
				<td>
					<input type="text" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="button" value="添加" id="add" />
					
				</td>
			</tr>
			
			
		</table>
	</body>
</html>
<script type="text/javascript">
function init()
{
	
	$('#add').click(function(){ //为添加按钮添加点击事件
		 var childrenCount = $("#topTable").length;//获取table下子元素个数
		 var insertIndex = childrenCount -1;//获取倒数第二个tr
		 var addElem = $("<tr><td><input type=\"text\"/></td><td><input type=\"text\" /></td><td><input type=\"text\" ></td></tr>");//定义添加的tr行，注意要转义字符”\”
			addElem.insertAfter($("tr.lrbj_tr:eq("+insertIndex+")"));//在倒数第二个tr后插入新添加的tr行
	  
	});
}
$.ready(init());

</script>