jquery - 如何使用 jQuery 删除 HtmlTableRow？

Question

我有一个 HtmlTable，默认情况下有两行，但可以使用以下代码“增长”到六行:

/* This makes the next hidden row visible, as long as there is one */
$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
    $('[id$=foapalhtmltable]').find('tr:hidden:first').show();
});

实际上，所有六行都是在代码隐藏中创建的，但除了前两行之外的所有行都设置为“display:none” - 上面的代码将它们一一公开。

我还需要完成相反的任务:如果用户单击匹配的“-”按钮(btnRemoveFoapalRow)，则应隐藏最后一行。怎么做？这是伪代码，我确信它至少在某些细节上是错误的:

/* This removes the last displayed row, as long as there are more than two such */
$(document).on("click", '[id$=btnRemoveFoapalRow]', function (e) {
    $('[id$=foapalhtmltable]').find('tr:displayed:last').hide();
});

此外，我需要防止它隐藏前两行，它们应该始终可见。有没有办法检查非隐藏行的数量，如果是两行或更少，则不允许进一步隐藏？

Answer 1

应该可以肯定地说您可以使用

 $(this).closest('tr').remove();

删除表行。使用 onclick 处理程序中的代码。阅读此方法以在您的特定场景中找到正确的表行。