无法删除点击元素

Question

我有一个页面，我appendTo页面加载一个div。用户可以通过单击另一个元素来解除该div。

var overlay = jQuery('<div id="start">111111111</div>'); 
overlay.appendTo(document.body); 

$("#go").click(function() { 
    $(document).remove("#start"); 
}); 

不幸的是，它附加了div，但没有删除...我缺少什么？

Answer 1

如何首先找到元素，然后在其上调用删除，而不是：

$('#start').remove(); 

而且，这可能是改了一下：

$('<div>',{'id':'start'}).text('111111111').appendTo('body'); 

$('#go').on('click',function(e){ 
    $('#start').remove(); 
}); 

除非您使用的是过时的版本应该使用jQuery，.on()来代替绑定（请参阅文档）。

如果你想把它保存为overlay，你可能也使用它（再引用它）：

var overlay = $('<div>',{'id':'start'}).text('111111111').appendTo('body'); 
$('#go').on('click',function(e){ 
    overlay.remove(); 
}); 

Example of above

Answer 2

工作演示http://jsfiddle.net/7y6bY/

API： http://api.jquery.com/remove/

代码

var overlay = jQuery('<div id="start">111111111</div>'); 
overlay.appendTo(document.body); 

$("#go").click(function() { 
    $("#start").remove(); 
});​