클릭시 요소를 제거 할 수 없습니다.

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()을 사용해야합니다 (문서 참조).

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 : 당신이 overlay로 저장하기를 원한다면

, 당신은뿐만 아니라 그것을 (재 참조를) 사용할 수 있습니다 : http://api.jquery.com/remove/

코드

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

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