追加到身體然後刪除 - 無法讓它刪除

Question

我有一個非常簡單的模式窗口追加身體 - 單擊關閉按鈕應該刪除它我認爲這會做到這一點，但沒有。我試過$（this）.remove（）;它拿出了按鈕，但沒有附加的文本 - 我哪裏出錯了？

$(function(){ 
var qrCodeDiv='<div id="qrBlock"><a href="#" class="closeQR">X</a></div>' 

$(".add").click(function(){ 
$('body').append(qrCodeDiv); 
}); 

$('a.closeQR').live("click", function() { 
$('body').remove(qrCodeDiv); 
}); 
}); 

Answer 1

.remove() does not accept an arbitrary HTML string。這種語法對創建元素特別有用，但這不是.remove()所做的。

將其更改爲$('body').remove('#qrBlock')或簡單地$('#qrBlock').remove()。

---

注意，當click回調運行不止一次在你的問題的代碼將插入具有相同ID的多個元素，which is a big no-no and will lead to undefined behavior.