jquery - 如何将动态创建的 div 附加到容器

Question

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

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

与 css #message{display:none;} 使用这个 js

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