jquery 实现表格内的tr与td,动态添加与删除. 以及序号增加与减少，大多用在Form里

****************************jsp********************************
<!-- 添加合并班级的表单 开始-->
<div id="dialog-form" style="display:none;">
<form id="classMergerForm">
<fieldset>
<table class="courseList txtCenter gray-bg" width="100%" border="0">
<tbody>
<tr>
<td height="30" colspan="3">选择学期　
<select name="semisterId" class="semester_name">  </select>
</td>
</tr>
<tr>
<td height="30" width="5%"></td>
<td width="45%">目的课程号</td>
<td width="50%">目的课序号</td>
</tr>
<tr>
<td></td>
<td><input type="text" name="targerCourseNo"></td>
<td><input type="text" name="targetCourseSeg"></td>
</tr>
<tr>
<td height="30" width="5%">序号</td>
<td width="45%">源课程号
<button id="addtr" type="button" title="添加一行"class="btn btn-add btn-round  ml10">               <i class="icon-plus"></i></button>
<button id="rmtr"  type="button" title="移除一行"class="btn btn-del btn-round  ml10">               <i class="icon-minus"></i></button></td>
<td width="50%">源课序号</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>1</td>
<td><input type="text" name="orgCourseNo"></td>
<td><input type="text" name="orgCourseSeg"></td>
</tr>
<tr>
<td>2</td>
<td><input type="text" name="orgCourseNo"></td>
<td><input type="text" name="orgCourseSeg"></td>
</tr>
<tr>
<td>3</td>
<td><input type="text" name="orgCourseNo"></td>
<td><input type="text" name="orgCourseSeg"></td>
</tr>
</tfoot>
</table>
</fieldset>
</form>
</div>
<!-- 添加合并班级的表单 结束-->

*************************************js*******************************
//   add  tr
$('#addtr').click(function(){
var No = parseInt($(".courseList tfoot tr:last").find('td:first').text())+1;
if(isNaN(No)) No=1;
if (parseInt($(".courseList tfoot tr").length) >= 1);
$(".courseList tfoot").append('<tr><td>'+No+'</td><td ><input type="text" name="orgCourseNo"></td><td><input type="text" name="orgCourseSeg"></td></tr>');
});
//   romove tr
$('#rmtr').click(function(){
$(".courseList tfoot tr:last").detach();
if (parseInt($(".table_form tfoot tr").length) <= 1);
});