如何将动态创建的div追加到容器中

Question

我需要在动态div中显示来自服务器的消息（注销）。如果我将div元素编码到页面中，我可以使它工作：

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

使用此js

使用css #message {display：none;}

$('#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();
  });

我无法使用.append，我不想在每个页面上进行硬编码。有没有一种好的方法可以动态创建它并在单击注销时附加到每个页面上的div＃main？我没有其他问题，PHP很好，退出工作正常等... 谢谢。

Answer 1

尝试使用appendTo：

$('<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);