<html>
<head>
<title>title</title>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript">
$(document).ready( function(){
$("#addBtn").click(function(){
var thLine ='<tr><th>WAN口</th>';
var tdLine = '<td class="alignLeft"><select><option>暂无数据</option></select> 域名 <input type="text" name="" value="子域名"></td>';
var del='<td><input type="button" οnclick="del(this)" value="删除" /></td></tr>';
//在<tr id="add"/>标签之后,即外部插入以下内容
$("#add").after(thLine+tdLine+del);
});
});
//删除指定行
function del(obj){
$(obj).parent().parent().remove();
};
</script>
</head>
<body>
<table>
<!-- 可放在不同位置,只要带对应ID即可 -->
<tr id="add">
</tr>
</table>
<input type="button" value="添加" id="addBtn"/>
</body>
</html>