我使用下面的代码在 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 位的行应该移到最后。我怎样才能做到这一点?请帮助我。
谢谢!
最佳答案
您可以使用 .before()
这里的方法像:
jQuery('table.authors-list tr:last').before(newRow);
tr:last
将获取authors-list
表中的最后一行。.before()
将在最后一行之前插入新行。
关于javascript - 使用 jquery 在 html 中动态插入行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18082636/