Jquery 当前div之外的重复div

问题

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

单击“添加”按钮可以看到，要克隆的字段的缩进不正确

示例

执行克隆的代码：

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++;
});

谢谢你的帮助

.append（）

并将所选容器中的内容作为最后一个子容器。您需要使用

.after（）

添加内容作为下一个同级：

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

.append（）

和选定容器中的内容作为最后一个子项。您需要使用

.after（）

将内容添加为下一个同级：

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

只需在单击事件中将

first（）

替换为

parent（）

，因为您指的是

.product\u数据

类，而不是

.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++;
});

只需在单击事件中将

first（）

替换为

parent（）

，因为您指的是

.product\u数据

类，而不是

.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。好的，这很有意义，非常感谢您的帮助！非常感谢。好的，这很有道理。非常感谢你的帮助！非常感谢。