2013-01-18 118 views
0

当我点击一个按钮,我追加(插入)后,它与新div的div,我不想给新的div,因为我想这个功能可以被其他按钮/锚点/等使用。什么是最好的方式来删除元素(S)我插入后()

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

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

$("#newid").remove() 

回答

2

第一标志与标签插入的元素(在这种情况下,inserted类):

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

然后寻找使用您所选择的选择插入的元素:

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

你也可以删除所有div插入这样:

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

如果你的目的是让许多不同的事件,创造出许多不同的div都是一样的容器里,然后取出一个特定的div,那么你将需要可以生成唯一ID为每个div和将它们映射到呼叫者供以后参考,或者将创建的div元素映射到呼叫者以供稍后参考。在不了解您的用例的情况下很难提出强烈的建议。

0

如果你想添加只有一个DIV,你可以做一个变量,就像这样:

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

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

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

检查这个jsFiddle看到它的工作。

但是,如果您需要多个元素,该解决方案将无法正常工作。

5

使用.next在#div1之后遍历div。

$("#div1").next("div").remove(); 
相关问题