日期:2014-05-17 浏览次数:20453 次
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#add").click(function(){
//取得最后一个index的值
var index=parseInt($(".index").eq($(".index").length-1).text());
//如果没有取得 则是第一个 还未有值 赋0
if(isNaN(index))
{
index=0;
}
index++;//index的递增
var html="<tr>"+
"<td class='index'>"+index+"</th>"+
"<td><input type='text' name='time' /></td>"+
"<td><input type='text' name='school' /></td>"+
"<td><input type='text' name='education' /></td>"+
"<td><a href='#' class='edit'>修改</a>
------解决方案--------------------
<a href='#' class='delete'>删除</a></td>"+
"</tr>";
$("table").append(html);//添加进表单
})
//委托 给动态添加的html元素加上点击事件
$(".delete").live("click",function(){
$(this).parent().parent().remove();
})
})
</script>
</head>
<body>
<table>
<tr>
<th>序号</th>
<th>起始时间</th>
<th>毕业学校</th>
<th>学历</th>
<th>操作</th>
</tr>
</table>
<a href="#" id="add">添加</a>
</body>
</html>