컨테이너에 동적으로 생성 된 div를 추가하는 방법

Question

동적 div에서 서버 (로그 아웃)의 메시지를 표시해야합니다. 이것이 내가 얻을 수

$('#LogOut').on('click', function(e){ 
    $.ajax({ 
     type: "POST", 
     url: "PHP/LogOut.php", 
     success: function(data) { 
     $('#message').fadeIn('fast').html('<p><span>Somesite.com</span>' + data + '<a id="close" href="">X</a></p>'); 
     } 
    }); 
    e.preventDefault(); 
    }); 

을 JS 사용하여, 다음 CSS를 #MESSAGE {없음 표시}와

<div id="message"></div> 

: 나는 같은 페이지에 코딩 된 div 요소가 있다면 나는 일을 얻을 수 있습니다 이 .append 함께 작동하도록, 나는 각 페이지에 하드 코드를하고 싶지 않아. 동적으로 생성하고 로그 아웃 할 때 각 페이지마다 div # main을 추가하는 좋은 방법이 있습니까? 나는이 외에 다른 문제가 없으며, PHP는 괜찮습니다. 로그 아웃은 잘 작동합니다 ... 감사합니다. appendTo를 사용

Answer 1

봅니다 :

$('<div id="message"></div>').appendTo(document.body).html('<p><span>Somesite.com</span>' + data + '<a id="close" href="">X</a></p>').fadeIn('fast'); 

append을 가진 점은 부모 요소를 반환 유지가 첨부 된 요소를 반환하지 않는다는 것입니다.

$(document.body).append($('<div></div>')) //returns $(document.body);