jquery - 使用 jQuery 删除表格行

Question

以下是我的代码

脚本

$(document).ready(function(){
    $('#click').click(function(){
        $('#table').append('<tr><td>&nbsp;</td></tr>');
    })
    $('#remove').click(function(){
        $('#table').remove('<tr><td>&nbsp;</td></tr>');
    })
})

HTML

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="table">
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</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>&nbsp;</td></tr>');
    })
    $('#remove').click(function(){
        $('#table tr:last').remove();
    })
    $('#table tr').click(function(){
        $(this).remove();
    });
})

Answer 1

如果您想删除#table 的最后一个表格行，您需要使用选择器定位它，然后针对它调用$.remove():

$('#remove').on("click", function(){
    $('#table tr:last').remove();
})