Javascript 关闭动态创建的DIV

所以我有一个部分来添加颜色，我让它为每个动态div动态创建一个具有新ID的div副本

问题是，一旦创建了div，我就不知道如何关闭它（即通过“关闭”操作将其从DOM中删除）。我知道这是因为它是动态内容。您不能像静态内容一样绑定事件，它不会绑定到元素，因为它们在绑定时不会出现。我只是不知道如何才能把它关闭

我要关闭的div以“Color”+递增的数字开始。我希望我正确地解释了这一点，并将感谢任何帮助。谢谢

<div class="col-xs-12" style="max-width: 800px">
<div class="col-md-12">
        <h3>COLOR ROTATION</h3> 
    <!--Begin color rotation well-->
    <div id="color">
    <div class="well well-sm">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group"><a><span class="glyphicon glyphicon-remove-sign" aria-hidden="true" style="padding-right: 2px;"></span></a>
                    <label class="control-label">Color 1</label>
                    <input class="form-control" maxlength="100" placeholder="Enter Color" required="required" type="text" />
                </div>
            </div>
            <div class="col-md-6">
                <label class="control-label">DROPDOWNS REQUIRED?</label>
                <div class="form-inline">
                    <div class="radio">
                        <label>
                            <input name="optradio" type="radio" />Yes</label>
                    </div>
                    <div class="radio">
                        <label>
                            <input name="optradio" type="radio" />No</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!--End color rotation well-->
</div>  
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><a id="addcolor">Add Color</a>
<button class="btn btn-primary nextBtn btn-lg pull-right" type="button">Next</button>

颜色旋转
当然可以，请参见

实际上，您希望使用
.on（）
将事件绑定到文档，如：

    $(document).on('click', '.remove', function(e){
        $(this).closest('.color-wap').remove();
    });

我将
.color wrap
类添加到
#color
div中，以避免通过克隆使用重复的ID，并将
.remove
类添加到remove按钮中（1）使用.on（）在动态创建的元素上绑定事件

2） jquery选择器^可以帮助选择id为颜色编号的div

3） .animate（）切换div的高度，如果要完全删除该元素，请选择.remove


$（函数（）{
var计数=0；
$（'#addcolor'）。单击（函数（）{
计数++；
变量clonediv=$（'颜色'）；
$（clonediv.clone（）.insertBefore（“#color”）；
$（clonediv）.attr（“id”，“color”+计数）；
});
$（文档）.on（“单击“，”.glyphicon删除符号”，函数（）{
$（this）.closest（“div[id^='color']”）。动画（{“height”：“toggle”}）；
//$（this）.closest（“div[id^='color']”）。remove（）；
})
});

颜色旋转
颜色1
是否需要下拉列表？
对
不
添加颜色
下一个
关闭一个部门意味着什么？是否要将其从DOM中删除？还是把它藏起来？没有什么可以阻止你在这些克隆的div上执行任何与在原始div上相同的正常操作。很确定他是指通过对div执行“关闭”操作来删除它。