上面一面文章是新增table,可能有点复杂,有的人就只想新增td,那就简单了。
JSP页面和上次一样:
<table border="1" style="width:50%" id="class_one"><tr>
<td>姓名</td>
<td><input name="editName" id="editName" value="小明"/></td>
</tr>
<tr>
<td>性别</td>
<td><input name="editGender" id="editGender" value="男" /></td>
</tr>
<tr>
<td >年龄</td>
<td><input name="editAge" id="editAge" value="21" /></td>
</tr>
<tr>
<td >学号</td>
<td><input name="editNumber" id="editNumber" value="Q100" /></td>
</tr>
<tr>
<td>
<span>
<a href="#" id="addStudent" οnclick="add_Student(this);return false;">添加</a>
</span>
</td>
</tr>
</table>
<div id="addTable"></div>
<script type="text/javascript">
function add_Student(obj) {
var td1 = $('<td><input name="propValue" value="手机号码" /><input name="studentPhone"/></td>');
var tr = $("<tr></tr>");
tr.append(td1);
$("#class_one").append(tr);
}