动态生成的表格行如何删除？

Question

我一直在为一个项目编辑别人的代码，并且在试图弄清楚某些 Javascript 函数是如何做他们的事情时时不时地绊倒。

基本上我想添加一个删除行按钮，但是它会引起头痛。

所以动态生成的行的文本是由这个 PHP 变量完成的：

$rowtext .= '<tr>something</tr>';

然后是用Javascript生成行的函数：

function generateRow(x) {';
            var row_prototype = \'' . $rowtext . '\';
            return row_prototype.replace(/\[index\]/g, x);
            }

当单击添加行按钮时，它会执行以下操作：

rowIndex = 1;
function addRow() {
            var nr = generateRow(rowIndex); 
            rowIndex = rowIndex + 1;
            jQuery(\'tbody\').append(nr);';
}

考虑到 rowIndex 等，我想我需要在点击时执行类似的功能。

有人有什么想法吗？

Answer 1

本质上是删除上面代码生成的最后一行...所以删除 row rowIndex == 5 或其他东西

由于您在 cmets 中提到了最后一行，您可以使用 :last 选择器来获取最后一行，尝试如下所示，

$('#removeRow').click(function () {
    $('#table_selector tbody tr:last').remove();
});

还有一个按钮，如下所示，在您的标记中，

<button id="removeRow">Remove a Row</button>

注意：您需要修改#table_selector tbody 与特定的表ID/Class。