jquery - 如何将动态创建的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);