JQuery动态给table添加、删除行

11年前
<html>   <head>   <SCRIPT language=JavaScript src="jquery.js" mce_src="jquery.js"></SCRIPT>   <SCRIPT language=JavaScript>   $("document").ready(function(){       //第六个表格的删除按钮事件绑定        $("#tbody6 .del").click(function() {            $(this).parents(".repeat").remove();        });        //第六个表格的添加按钮事件绑定        $("#add6").click(function(){           // $("#tbody6>.template")                //连同事件一起复制               // .clone(true)                //去除模板标记               // .removeClass("template")                //修改内部元素               /// .find(".content")               //     .text("新增行")              //      .end()             // .find(".del")              //      .text("删除")              //      .end()                     //插入表格              //  .appendTo($("#tbody6"))              $("#table6").append("<tr><td>33</td><td>44</td></tr>");      });    }   )   </script>   </head>   <body>       <table border=1 id="table6">        <tbody id="tbody6">            <tr class="template repeat">                <td class="content">这里是模板 by yanleigs Email:landgis@126.com</td>                <td><button class="del">模板,不要删除</button></td>            </tr>            <tr class="repeat">                <td class="content">这行原来就有</td>                <td><button class="del">删除</button></td>            </tr>            <tr class="repeat">                <td class="content">这行原来就有</td>                <td><button class="del">删除</button></td>            </tr>        </tbody>        <tfoot>            <tr>                <td> </td>                <td><button id="add6">添加</button></td>            </tr>        </tfoot>    </table>    </body>   </html>