使用jQuery在html中动态添加新行

Question

我需要使用 JSON 数据创建一个 HTML 表。 需要在每一行上添加一个按钮..（添加行）。

add_row 按钮功能

需要复制上一行的内容，并在该行下方创建一个新行。

另外，按钮可以一次添加多行

我认为这是一个有点挑战性的任务； 请帮帮我。

Answer 1

在抱歉之后不太确定你在做什么，但以下内容可能会对你有所帮助。

$(document).ready(function () {
   $('#my_button').click( function (e) {
      var dynamic_html = "<tr>whatever data you want (including raw html) </tr>";
        jQuery('#my_table').append(dynamic_html);
   });
}

在“dynamic_html”中，您可以放置​​您想要的任何文本/html。您可以添加表格单元格和您正在谈论的按钮。附加它时，html 标签将被读取为 html 并添加到您的页面中。