0

当我单击一个按钮时，我在它之后附加（插入）一个带有新 div 的 div，并且我不想给新 div 提供 id，因为我希望这个功能可以被其他按钮/锚/等使用。

$("#buttonA").click(function(){
$("#div1").after("<div>bla bla bla</div>");
});

然后通过一个事件我想删除插入的 div。删除插入的 div 的最佳方法是什么？...我仍然无法使其通用，我必须在新插入的 div 上应用 ID，然后删除它我使用

$("#newid").remove()
4

3 回答 3

5

用于.next遍历#div1 之后的div。

$("#div1").next("div").remove();
于 2013-01-18T02:17:07.943 回答
2

首先用标签标记插入的元素（在本例中为inserted类）：

$("#buttonA").click(function(){
    $("#div1").after("<div class='inserted'>bla bla bla</div>");
});

然后使用您选择的选择器查找插入的元素：

$("#div1 .inserted").remove();

您还可以通过以下方式删除每个div插入的内容：

$(".inserted").remove();

如果您的意图是允许许多不同的事件div在同一个容器内创建许多不同的 s，然后删除一个特定的 div，那么您将需要为每个 div 生成唯一的 iddiv并将它们映射到调用者以供以后参考，或者只是将创建的div元素映射到调用者以供以后参考。在不了解您的用例的情况下很难提出强有力的建议。

于 2013-01-18T02:08:02.570 回答
0

如果只想添加一个 div，可以创建一个变量，如下所示：

var newDiv = $("<div>New Div!</div>")

$("#buttonA").click(function(){
 $("#div1").after(newDiv);
});

$("#buttonB").click(function(){
 $(newDiv).remove();
});

检查此jsFiddle以查看它是否正常工作。

但是，如果您需要多个元素，该解决方案将不起作用。

于 2013-01-18T02:16:03.437 回答