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

Question

我使用这个函数动态创建带有按钮的div

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

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

Answer 1

当然，只需为每个动态添加的元素提供一个通用类，在本例中为 .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();
});