Jquery删除动态创建的可拖动div

Im使用此函数通过按钮动态创建div

var counter = 1;
$("#button1").click(function(){
 $("<div/>", {
   "class": "test" + (counter++),
    text: "",
  }).resizable().draggable()
  .appendTo("body");
});

var计数器=1；
$（“#按钮1”）。单击（函数（）{
$("", {
“类”：“测试”+（计数器++），
正文：“，
}).resizeable（）.draggable（）
.附于（“主体”）；
});

---

如何添加另一个按钮以删除这些动态创建的div？

当然，只需为每个动态添加的元素提供一个泛型类，在本例中为

.dynamic

。然后，当按下另一个按钮时，将删除该类的任何实例

var counter = 1;

$("#button1").click(function(){
 $("<div/>", {
   "class": "dynamic test" + (counter++), // note we're adding a new generic class
    text: "",
  }).resizable().draggable()
  .appendTo("body");
});

$("#button2").click(function(){
 $(".dynamic").remove();
});

var计数器=1；
$（“#按钮1”）。单击（函数（）{
$("", {
“class”：“dynamictest”+（counter++），//注意，我们正在添加一个新的泛型类
正文：“，
}).resizeable（）.draggable（）
.附于（“主体”）；
});
$（“#按钮2”）。单击（函数（）{
$（“.dynamic”）.remove（）；
});
$（“#按钮1”）。单击（函数（）{
$("", {
“类”：“动态测试”+（计数器++），
正文：“，
}).append（'这个问题听起来像是作者在寻找一个按钮来删除所有动态创建的div？哦，这个代码有问题。1）您使用双引号来启动字符串
append(“谢谢，我更改了报价部分。我想，作者希望为每个div创建关闭按钮。另一种方法是，创建单个按钮以删除所有创建的div很容易。
$("#button1").click(function(){
 $("<div/>", {
   "class": "dynamic test" + (counter++),
    text: "",
  }).append('<div id="button"' + (counter -1) + '">Close</div>').resizable().draggable()
  .appendTo("body");

  $("#button" + (counter -1)).click(function(){
      $(".test" + (counter-1)).remove();
   });
});