javascript - 克隆表单内容、更改属性、附加到 jQuery 或 vanilla JS 表单

Question

我正在尝试实现上述目标 - 我已尽我所能，但代码根本不执行。

$('.container').on('click', 'form', function() {
  var clone = $('form').clone();
  clone.find('input').attr('name', 'pick0' + length);
  $('form').appendChild(clone);
});

codepen 上的 html + js 示例 https://codepen.io/anon/pen/KQrEMd

编辑:

尝试通过单击表单来复制表单。 1 次点击 = 1 个额外表格。

Answer 1

尝试使用此代码:

$('.container').on('click', 'form', function() {
  var clone = $('form:last').clone();
  length = $('form').length;
  clone.find('input').attr('name', 'pick' + length);
  $('.container').append(clone);
});