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

时间:2017-05-11 04:46:57

标签: javascript jquery html json

我需要使用JSON数据创建一个html表。 需要在每一行上添加一个按钮..(添加行)。

add_row按钮功能

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

按钮也可以一次添加多行

我认为这不是一项具有挑战性的任务; 请帮帮我。

1 个答案:

答案 0 :(得分:0)

抱歉后不确定你是什么,但以下内容可能会帮助你。

$(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);
   });
}

&#34; dynamic_html&#34;你可以放任何你想要的text / html。您可以添加表格单元格和您正在谈论的按钮。附加后,html标签将被视为html并添加到您的页面。