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

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

由于您在评论中提到了最后一行，因此您可以使用:last选择器来获取最后一行，请尝试以下内容，

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

标记中某处的按钮，

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

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

如何动态生成表行？

1 个答案: