Javascript 单击按钮时附加和删除具有唯一ID的div

我目前正在www.firstusadata.com/cash\u flow\u test/ 这两个按钮当前添加了products div和vendors div，这两个按钮正在工作，但是当附加这些新div时，它们没有唯一的ID，并且我无法删除附加的div

我当前用于两个按钮的jquery函数如下所示：

$(document).on("click",".addproduct",function(){
        $("#dynamic_content_2").append(dynamic_html1());
    });

    $(document).on("click",".removeproduct",function(){
        var check = 0;
        $(".dynamic_content_2").each(function(){
            check++;
        });
        if(check>0){
            $(this).parents(".dynamic_content_2").remove();
        }
    });


    $(document).on("click",".addvendor",function(){
        $("#dynamic_content_1").append(dynamic_html2());
    });

    $(document).on("click",".removevendor",function(){
        var check = 0;
        $(".dynamic_content_1").each(function(){
            check++;
        });
        if(check>0){
            $(this).parents(".dynamic_content_1").remove();
        }
    });

完整的代码可以在下面的“showcodesnippet”以及jsfiddle上通过这个链接获得，我希望有人能够帮助我解决这个问题。这个社区以前花时间帮助过我。谢谢大家!

函数动态_html1（）{
变量内容=“”
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+“选择”
+“Web开发”
+“业务发展”
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+'';
返回内容；
}
函数动态_html2（）{
变量内容=“”
+''
+''
+“供应商信息”
+''
+''
+''
+“公司名称：
”
+''
+''
+''
+''
+''
+''
+''
+“公司电话号码：
”
+''
+''
+''
+''
+''
+''
+''
+“这家公司建立了你的网站吗？
”
+''
+''
+''
+''
+“是的”
+''
+''
+''
+“不”
+''
+''
+''
+''
+''
+''
+“网站URL:
”
+''
+''
+''
+''
+''
+''
+''
+“网站类型：
”
+''
+''
+''
+“亚马逊商店”
+“附属公司”
+“放下船”
+“潜在客户开发”
+“小企业”
+“登录页”
+''
+''
+''
+''
+''
+“类别：
”
+''
+''
+''
+“选择类别”
+''
+''
+''
+''
+''
+“每100个用户的平均利润率：
”
+''
+''
+'	'
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+“选择”
+“Web开发”
+“业务发展”
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''	
+''
+''
+''
+“添加供应商”
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''                 
+''
+''
+''
+' ';
返回内容；
}           
$（文档）。在（“单击“，”.addproduct”，函数（）上{
$（“#dynamic_content_2”）.append（dynamic_html1（））；
});
$（document）.on（“click”，“.removeproduct”，function（））{
var检查=0；
$（“.dynamic_content_2”）。每个（函数（）{
check++；
});
如果（检查>0）{
$（this）.parents（“.dynamic_content_2”）.remove（）；
}
});
$（文档）。在（“单击“，”.addvendor”，函数（）上{
$（“#dynamic_content_1”）.append（dynamic_html2（））；
});
$（文档）。在（“单击“，”.removevendor”，函数（）上{
var检查=0；
$（“.dynamic_content_1”）。每个（函数（）{
check++；
});
如果（检查>0）{
$（this）.parents（“.dynamic_content_1”）.remove（）；
}
});

厂商信息
公司名称：

公司电话：

这家公司建立了你的网站吗

对
不
网站网址：

网站类型：

亚马逊商店
使附属
空降船
潜在顾客开发
小企业
登录页
类别：

选择类别
每100名用户的平均利润率：

挑选
网络开发
业务发展
添加供应商
总结
这是因为
dynamic\u content\u 2
是您的
ID
而不是
class

$(".dynamic_content_2").each(function(){
            check++;
        });

它应该像
$（“#动态内容\u 2”）。每个（


另外，您应该知道
ID
应该始终是唯一的。您应该使用
类
相反

谢谢你