無法刪除點擊元素

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(); 
});​