jq新增表格

JSP页面：<table border="1" style="width:50%" align='center' class="studnetTable" 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>

JS部分：function add_Student(obj) {
var table = $(obj).parent().parent().parent().parent().parent();//用的是parent遍历方法，多一个parent是因为浏览器会自动在tr与table之间产生一个tbody标签，可用F12看到

var newtr = table.clone();//将你想要添加的表格clone

//到这里结合最后一步就完成了，以下的部分是扩展功能

var a = newtr.find("tr td  span a");
$(a).remove();//新添加的表格将没有添加按钮
    newtr.find("tr td input").each(function(i){
    $(this).val("");

    });//新添加的表格里input内容清空

//新的表格有了，接下来就是放置位置了

//新表格在上面

$("#class_one").before(newtr);

//新表格在下面

//$("#addTable").before(newtr);
}