代码如下： html 复制代码 代码如下: <div> <table> <tr><td>1111</td><td><input type="button" value="添加下一行" /><input type="button" value="删除下一行" /></td></tr> <tr><td>2222</td><td><input type="button" value="添加下一行" /><input type="button" value="删除下一行" /></td></tr> <tr><td>4444</td><td><input type="button" value="添加下一行" /><input type="button" value="删除下一行" /></td></tr> </table> </div> jquery代码: 复制代码 代码如下: <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script> <script type="text/javascript"> $(document).ready(function () { ModifyClick(); }); function ModifyClick() { $("table tr input[type='button'] ").each(function () { $(this).unbind("click"); $(this).bind("click", function () { if ($(this).val() == "添加下一行") { $(this).parent().parent().after("<tr><td>Add</td><td><input onclick="ModifyClick()" type=button value="添加下一行" /><input onclick="ModifyClick()" type=button value="删除下一行" /></td></tr>"); } if ($(this).val() == "删除下一行") { $(this).parent().parent().next().eq(0).remove(); } }); }); } </script>

　　推荐阅读

　　jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend

jQuery.fn.extend 提供了一个扩展机制，可以方便我们通过一个或者多个示例对象来扩展某个对象。如果没有指定被扩展的对象，那么将扩展到自己身上。jQuery.extend 也可以通过 jQuery.fn.extend 使用， 在 jQuery 中>>>详细阅读

本文标题：基于jquery的实现简单的表格中增加或删除下一行

地址：http://www.17bianji.com/kaifa2/JS/25935.html

 1/2    1