利用jquery给指定的table添加一行、删除一行

 

<table id="table6" class="caseTable"> <tbody id="tbody6"> <tr class="template repeat"> <td id="t1" class="btd"> 商品名或通用名 </td> <td id="t2" class="btd"> 给药次数（次/日） </td> <td id="t3" class="btd"> 每次用药量（/次） </td> <td id="t4" class="btd"> 使用原因 </td> <td id="t5" class="btd"> 开始日期 </td> <td id="t6" class="btd"> 结束日期 </td> <td id="t7" class="btd"> 末次就诊时是否仍在使用 </td> <td><a class="del" href="#"></a></td> </tr> </tbody> </table>

 

上面是模板表格

 添加一个按钮

 

<input id="btnAdd" class="btn3_mouseout" type="button" value="添 加" /></div>

 添加js

 

$("#tbody6>.template") //连同事件一起复制 .clone(true) //去除模板标记 .removeClass("template") //修改内部元素 .find(".content") .text("所要添加的信息" ) .end() .find(".del") .text("删除") .end() //插入表格 .appendTo($("#tbody6"))

 删除事件

//表格的删除按钮事件绑定 $("#tbody6 .del").click(function() { $(this).parents(".repeat").remove(); });  

 

相关资源：Jquery实现表格动态增加一行，删除一行.html