以下是我的代码
脚本
$(document).ready(function(){ $('#click').click(function(){ $('#table').append('<tr><td> </td></tr>'); }) $('#remove').click(function(){ $('#table').remove('<tr><td> </td></tr>'); }) })
HTML
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="table"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> <div id="click">click</div> <div id="remove">remove</div>
当我添加一行它很好,但我不知道如何删除表的最后一行.您也可以在线查看demo.
我该怎么做?
另外,我想要当用户也点击任何行时,它将自动删除.我试过了,但是有一个问题.如果您单击它自己删除的行,但是当您通过单击#click添加行时,该行不会通过单击它删除自己.
这是我的代码:
脚本
$(document).ready(function(){ $('#click').click(function(){ $('#table').append('<tr><td> </td></tr>'); }) $('#remove').click(function(){ $('#table tr:last').remove(); }) $('#table tr').click(function(){ $(this).remove(); }); })