附加到正文然后删除 - 无法将其删除

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()不接受任意HTML字符串.这种语法对于创建元素特别有用,但这不是什么.remove().

将其更改为$('body').remove('#qrBlock')或简单$('#qrBlock').remove().

请注意,当click回调运行多次时,问题中的代码将插入具有相同ID的多个元素,这是一个很大的禁忌,并将导致未定义的行为.