0

我一直在为一个项目编辑别人的代码，当我试图弄清楚某些 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 等。

有人有想法么？

4

1 回答 1

1

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

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

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

在你的标记中的某个地方有一个像下面这样的按钮，

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

注意：您需要#table_selector tbody使用特定的表 ID/Class 进行修改。

于 2012-05-03T22:08:11.553 回答