Javascript 如何使用JQuery删除动态创建的元素？

我使用JQuery创建了一个包含动态元素的div。我可以创建div元素，但不能删除它！我怎样才能解决这个问题

        <div class="row" id="bulk">
    <div class="col-md-3">
      <div class="form-group">
        <label>Color</label>
        <input type="text" name="color" class="form-control">
      </div>

    </div>
    <div class="col-md-3">
      <div class="form-group">
        <label>Quantity</label>
        <input type="text" name="qty" class="form-control">
      </div>
    </div>

    <div class="col-md-3" id="yarn&febric">
      <div class="form-group">
         <label>Ex-Factory Date</label>
        <input id="exfact" type="text" class="form-control" name="exfactdate" placeholder="">
      </div>
    </div>
   </div>

---

您必须通过包装div类来克隆HTML代码。检查下面的代码片段，您将很容易理解

我希望这对你有用

$（文档）.ready（函数（）{
var bulknitdown=“”+$（“#bulk.row”）.first（）.html（）+”；
$（'.add'）。单击（函数（）{
$（'#bulk'）。追加（bulknitdown）；
$（'#bulk.row'）.last（）；
});
$（'.remove'）。单击（函数（）{
如果（$（'#bulk.row'）。长度>1）{
$（'#bulk.row'）.last（）.remove（）；
}
否则{
警报（“未找到要删除的额外行”）；
}
});
});

颜色
量
出厂日期
新增
删除最后一个
您必须通过包装div类来克隆HTML代码。检查下面的代码片段，您将很容易理解

我希望这对你有用


$（文档）.ready（函数（）{
var bulknitdown=“”+$（“#bulk.row”）.first（）.html（）+”；
$（'.add'）。单击（函数（）{
$（'#bulk'）。追加（bulknitdown）；
$（'#bulk.row'）.last（）；
});
$（'.remove'）。单击（函数（）{
如果（$（'#bulk.row'）。长度>1）{
$（'#bulk.row'）.last（）.remove（）；
}
否则{
警报（“未找到要删除的额外行”）；
}
});
});

颜色
量
出厂日期
新增
删除最后一个
  $(document).ready(function(){

var bulknitdown=$('#bulk').html();
$('.add').click(function(){

        $('#bulk').append(bulknitdown);

});
$('.remove').click(function(){
    bulknitdown.last().remove();
});
});