javascript - jQuery之前无法对html进行clone()和appendTo()

Question

人们来到这里是因为我的代码实际上不起作用，它基本上复制一行并为新条目创建一个新行。我正在使用 clone() 和 appendTo()。

<强> JSFIDDLE

但是如果你删除html的最后一部分，它就会工作，似乎如果有一个新标签，它就会磨损语法，请有人帮我解决这个麻烦吗？

<table>
    <tr>
        <td>Hello world!</td>
   </tr>
</table>

谢谢!

Answer 1

你的 fiddle 有几个问题

1:选择克隆的行元素错误。

2:父元素应该是表格，但选择错误。

您可以使用以下修改后的代码来克隆和 append 行。

 $("#clone").click(function() {
    i++;
    $("#remove").removeAttr("disabled");
    var parent = $("#data");
    var tr = $("#data tr:last");
    console.log(tr);
    var e = tr.clone().appendTo(parent);
    $(e).find("[type=text],[type=hidden]").each(function() {
      $(this).val('');
    });
  });

更新了 fiddle :https://jsfiddle.net/363m6dsy/6/