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

【问题标题】：Jquery delete dynamically created draggable divsJquery删除动态创建的可拖动div
【发布时间】：2012-04-25 08:36:09
【问题描述】：

我正在使用这个函数通过按钮动态创建 div

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

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

【问题讨论】：

标签： jquery html jquery-ui-draggable

【解决方案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();
});

【讨论】：

【解决方案2】：

$("#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();
   });
});

您还可以在每个创建的 div 上附加关闭按钮以关闭该 div

【讨论】：

这个问题听起来好像作者正在寻找一个按钮来删除所有动态创建的 div？哦，好吧，这段代码有问题。 1）您使用双引号来启动字符串append("<div id="button"，但也用于属性？不对，告诉 tell sign 代码高亮不对。
谢谢，我更改了引用部分。我想，作者想为每个 div 创建关闭按钮。其他方式，很容易创建一个按钮来删除所有创建的 div。