js 操作表格行（有些难度，求教）【高分悬赏】

js 操作表格行（有点难度，求教）【高分悬赏】
js 操作表格行（有些难度，求教）【高分悬赏】

需求：
点击“新增上传路径”会弹出一个窗口，在新窗口点击确定后。会自动加一行~并且自动排序（序号）
行数达5行时会出现滚动条~~
还可以对指定的行进行删除

附：这些操作都跟数据库无关，纯粹的js对表格的操作

求高手出现，带我飞︿(￣︶￣)︽(￣︶￣)︿飞.飞.飞.
------解决思路----------------------




<html>

<head><title>test</title>

<script type="text/javascript" src="jquery1.9.1.js"></script>


<script type="text/javascript">

$(function(){

	$("#tdadd").click(function(){	

	 var td ="<tr>		<td>111</td>	<td>222</td>	<td>333</td>	<td><input type=\"button\" onclick=\"$(this).parent().parent().remove();\" value=\"DEL\" class=\"delbtn\"/></td>	</tr>";

	 $("#inserttable").append(td);

	});


});

</script>

<style type="text/css">


</style>

</head>


<body>


<table style="width:500px;" border="1">


	<tr>

	<td>111</td>

	<td>222</td>

	<td>333</td>

	<td><input type="button" value="添加一行" id="tdadd" /></td>	

	</tr>

	</table>

	<div style="height:150px;width:520px;overflow:auto;border:1px solid #ccc; ">

<table style="width:500px;" border="1" id="inserttable">



</table>

</div>

</body>

</html>

------解决思路----------------------
你可以看看这篇文章http://www.cnblogs.com/lxblog/archive/2013/01/11/2856582.html

js 操作表格行（有些难度，求教）【高分悬赏】

相关推荐