</tr>
</tfoot>
</table>
jQuery(function($){
//第六个表格的删除按钮事件绑定
$(“#tbody6 .del”).click(function() {
$(this).parents(“.repeat”).remove();
});
//第六个表格的添加按钮事件绑定
$(“#add6”).click(function(){
$(“#tbody6>.template”)
//连同事件一起复制
.clone(true)
//去除模板标记
.removeClass(“template”)
//修改内部元素
.find(“.content”)
.text(“新增行”)
.end()
//插入表格
.appendTo($(“#tbody6”))
});
});
同样，这段js也适用于如下的html结构
<ulid=”tbody6″>
<li class=”template repeat”>
<span class=”content”>这里是模板</span>
<span><button class=”del”>删除</button></span>
</li>
<li class=”repeat”>
<span class=”content”>这行原来就有</span>
<span><button class=”del”>删除</button></span>
</li>
<li class=”repeat”>
<span class=”content”>这行原来就有</span>
<span><button class=”del”>删除</button></span>
</li>
</ul>
<script type=”text/javascript”></script>
