Question

问题

我正在尝试在用户单击添加按钮时克隆div。问题是我现在正在克隆当前的div。我想将它添加到.wrapper div但是失败了。我已经尝试了一些其他的东西，比如appendTo（'。wrapper'），但没有成功。

您可以看到单击“添加”按钮时，正在克隆的字段中的缩进不正确。

示例 https://jsfiddle.net/duikboot/1sakxpzq/

我执行克隆的代码：

var pd = $('.product_data').last().clone();
var id_count = 0;

$(document).on('click', '.add_item', function() {
  var clone = pd.clone().prop('id', 'product_' + id_count);
  $(this).prevAll('.product_data').first().append(clone.hide());
  clone.slideDown('fast');
  id_count++;
});

感谢您的帮助。

Answer 1

xgetbv以及所选容器内的内容作为最后一个子项。您需要使用.append()添加内容作为下一个兄弟：

.after()

<强> Working Demo

Answer 2

只需在点击事件中将first()替换为parent()，因为您指的是 .product_data类，而不是.wrapper父类

$(document).on('click', '.add_item', function() {
  var clone = pd.clone().prop('id', 'product_' + id_count);
  $(this).prevAll('.product_data').parent().append(clone.hide());
  clone.slideDown('fast');
  id_count++;
});

在当前div之外复制div

2 个答案: