追加到身体然后删除 - 无法让它删除

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.