JQuery动态增删表格行

来源:互联网 发布:php 分割字符串函数 编辑:程序博客网 时间:2024/06/16 01:35
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>new_file1</title>        <script type="text/jscript" src="jquery-1.10.2.min.js"></script>        <script type="text/javascript">        function delTr(obj){ //删除行        $(obj).parent().parent().remove();        }        function addTr(){  //增加行        $("#tab tr:last").after('<tr><td>名称</td><td><input type="button" onclick="delTr(this)" value="删除"/></td></tr>')        }        </script></head><body><input type="button" onclick="addTr()" value="添加"/><table border="1px #ooo" id="tab" cellpadding="0" cellspacing="0" width="30%"><tr><td>名称</td><td>操作</td></tr></table></body></html>

0 0
原创粉丝点击