2013-01-18 83 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(); 
相關問題