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

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.