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() 将在最后一行之前插入新行。