使用jquery循环div

在上面的函数中，每当我单击

LM\u MM\u Plus\u图标

时，

LM\u MM\u Plus\u图标块

中的html将附加到

LM\u MM\u New\u Div

（这是一个空Div）

用户可以在

LM\u MM\u Plus\u图标上单击任意次数

，以便将html附加到

LM\u MM\u New\u Div

。但我需要的是，每次用户单击

LM_MM_Plus_图标

，都必须创建一个新的

LM_MM_new_Div

，并将html附加到其中

---

目前，所有html都附加到一个

LM_MM_New_Div

尝试以下方法：

jQuery(document).ready(function($) {
    $('#LM_MM_Plus_Icon').click(function(){
        $('#LM_MM_New_Div').append($('#LM_MM_Plus_Icon_Block').html());
    });
});

函数addBlock（）{
变量块=$（''），
content=$（'#LM_MM_Plus_Icon_Block'）.html（），
deleteBtn=$（'Delete Me'）；
html（content.append（deleteBtn.appendTo）（'#container'）；
}
$（“#LM_MM_Plus_图标”）。单击（添加块）；
$（'#container'）。on（'click'，'.LM_MM_Delete'，function（）{$（this.parent（）.remove（）；}）；

---

这是一把小提琴：

---

删除时：

您不能将同一Id用于多个Div使用类

function addBlock() {
  var block = $('<div></div>'),
      content = $('#LM_MM_Plus_Icon_Block').html(),
      deleteBtn = $('<button class="LM_MM_Delete">Delete Me</button>');
  block.html(content).append(deleteBtn).appendTo('#container');
}

$('#LM_MM_Plus_Icon').click(addBlock);
$('#container').on('click', '.LM_MM_Delete', function() { $(this).parent().remove(); });

jQuery（文档）.ready（函数（$）{
$（“#LM_MM_Plus_图标”）。单击（函数（）{
$（''）.append（$（'.#LM_MM_Plus_Icon_Block'）.html（）；
$（“”）.insertAfter（$（“body”）.find（.LM_MM_New_Div:last））；
});});

您应该：

• 克隆您的

  #LM_MM_Plus_图标块

  元素
• 删除其id（以避免重复）

jQuery（文档）.ready（函数（$）{
$（“#LM_MM_Plus_图标”）。单击（函数（）{
$（'#LM_MM_New_Div'）。追加(
$（“#LM_MM_Plus_Icon_Block”）
.clone（）
.removeAttr（'id'）；
});
$（'body'）。在（'click'，'LM_MM_Remove_Icon'，函数（）上{
$（this）.closest（'.LM_MM_Div'）.remove（）；
});
});
#LM_MM_New_Div{
宽度：200px；
边框：1px纯灰；
}
#LM_MM_Plus_图标块{
显示：无；
}
.LM_MM_Div{
边框：1px纯灰；
保证金：3倍；
}
#LM_MM_Plus_图标，
.LM_MM_删除_图标{
光标：指针；
}

+
内容
x
附加的div应该附加到什么？很抱歉，我没有收到你的命令？？？我的意思是，新创建的div应该附加到什么<代码>LM_MM_Plus_图标

body

？试试这个：$（“body”）.append（“+$（''LM#MM_Plus_Icon_Block'）.html（）+”）@ShivaSrikanthThummidi-OP没有声明他们想要它附加到什么，你的代码将创建具有相同id的多个div。这是什么“（'{要添加到}的元素”）？？我忘了告诉你一件事，我保留的“LM MM_Plus Icon_Block”css“display:none”，因此，必须同时阻止它。例如，如果要将其附加到主体，请将“主体”放在那里。如果它在父容器中，请将父容器的ID放在那里。至于“display:none”，它不会影响新元素。只是不要对新元素重复使用相同的ID。等一下，我来做一把小提琴。我用一个工作示例更新了我的答案对不起。。。链接将转到你的主页。我忘记告诉你一件事，我保留的“LM\u MM\u Plus\u Icon\u Block”css“display:none”，因此它必须同时被阻止。我忘了告诉你一件事，我保留的“LM\u MM\u Plus\u Icon\u Block”css“display:none”，因此它必须同时被阻止。只需使用

.removeAttr（'id'）。clone（）.show（）

取而代之。它正在工作，但是，新的div只添加了一次…我需要多次…@user2931525抱歉，我给了你一个错误的命令：

.clone（）.removeAttr（'id'）.show（）

。（克隆元素后必须删除id）嗨，Zessx，工作正常…我只需要在“LM_MM_Plus_Icon_Block”html添加到“LM_MM_New_Div”后，html有一个“delete_Icon”。因此，如果我单击此图标，则只需删除特定的“块”，而不必删除整个“LM_MM_New_Div”。你能在这方面也帮我吗。

jQuery(document).ready(function($) {
$('#LM_MM_Plus_Icon').click(function(){
     $('<div class="LM_MM_New_Div" />').append($('#LM_MM_Plus_Icon_Block').html());
     $('<div class="LM_MM_New_Div" />').insertAfter($("body").find(".LM_MM_New_Div:last"));
});});