为table添加行_html-js-css

概述为table添加行

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!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>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的为table添加行全部内容，希望文章能够帮你解决为table添加行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1097809.html