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

标签 javascript jquery html append jquery-clone

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

<强> JSFIDDLE

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

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

谢谢!

最佳答案

你的 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/

关于javascript - jQuery之前无法对html进行clone()和appendTo(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38543857/

相关文章:

javascript - AngularJS 为什么在一个 promise 上使用 $q.all() ?

javascript - 对象的事件委托(delegate);如何监听事件?

javascript - 绑定(bind)在 ng-repeat 内的嵌套元素中不起作用

javascript - 计算 html 表中的唯一值

html - 为什么 Foundation 建议在主要内容中添加 tabindex ="0"?

基于下拉菜单值的 Javascript if 语句

javascript - 具有 javascript 应用示例的网站

javascript - While 循环使用类对象,之后重置

javascript - 尝试让图像在单击时移动,但是 .click 甚至只在第一次单击时触发

javascript - 为什么这个jQuery click函数不起作用?