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

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>'))