Question

我有一个页脚行，用于向HTML表添加新行。出于某种原因，当我添加新行时，它会删除页脚行。我希望在页脚之前添加新行。

示例：

Row 1 
Row 2
Row 3
Footer Row with Add new row button

单击添加按钮时，它应如下所示：

Row 1 
Row 2
Row 3
New Row added 
Footer Row

这是我的代码：

function addAddHocRow(tr) {

    $('#tblBuilder_Body tr:last').before(tr); 
}

从按钮单击方法传递

tr。上面的代码删除了页脚行。

tr来自链接按钮，它是动态添加为html表的一列。

function addAddHocRowLink(td) {

    var addLink = $("<a/>").click(function() {

        addAddHocRow($(td).parent());

     }).text("Add"); 

    $(td).append(addLink); 
}

实际上我正在创建一个新的TR对象，然后填充TD。每个td都有一些元素，如复选框，下拉列表等。之后，tr被添加到表中。

更新2：

以下是一些代码，显示了如何填充tds。

var addHocRowTds = $(addHocRow).find('td');
 // append add button
    addAddHocRowLink(addHocRowTds[6]);

Answer 1

这是一个有效的jsFiddle：http://jsfiddle.net/cMJ2e/1/

使用jQuery动态添加表行

1 个答案: