使用jQuery动态添加表行

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是通过按钮click方法传递的。 上面的代码删除了页脚行。

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/