Question

我在代码下面使用在html表中动态插入一行。

var newRow = jQuery('<tr><td><input style="width:200px" type="text" name="designation' +
counter + '"/></td><td><input style="width:200px" type="text" id="start_date'+ counter +'" name="start_date' +
        counter + '"/></td><td><input style="width:200px" id="end_date'+ counter +'" type="text" name="end_date' +
        counter + '"/></td></tr>');
    jQuery('table.authors-list').append(newRow);

此代码工作正常。该行始终作为最后一行插入。但我需要在最后一行之前插入行。我的意思是如果表有3行，那么新行应该在第3位，第3位的行应该移到最后。我怎样才能实现这一目标？请帮帮我。

谢谢！

Answer 1

您可以在此处使用.before()方法，例如：

jQuery('table.authors-list tr:last').before(newRow);

tr:last将获取authors-list表中的最后一行。
.before()会在最后一行之前插入新行。

Answer 2

$('table tr:last').before($('<tr>....</tr>'))

使用jquery在html中动态插入行？

2 个答案: