5秒钟后如何使用Jquery卸载div标签中加载的HTML页面？

Question

我在页面中使用一些CSS跟随div。 与此相关，我在其顶部和下方均没有几个div。

HTML：

  <div id="sentdiv"></div>

CSS：

#sentdiv{
    margin-left: 13rem;
    margin-right: 20rem;
    width: 800px;
    height: 600px;
    padding: 50px;

}

然后我有一个ajax调用，其中我正在加载一些如下所示的html页面。

JS：

$.post('/logme', function(resp) {
    $("#sentdiv").load("success.html");
});

在这里，我想在5秒钟后卸载success.html，并保留div及其CSS。

我尝试了以下

$("#sentdiv").delay(5000).replaceWith("<p>");
$("#sentdiv").delay(5000).fadeOut();

但是它正在移动它下面的元素。 我想保留div，只删除div的内容。

Answer 1

使用jquery方法.empty（）

 $("#sentdiv").empty();

 setTimeout(function() { $("#sentdiv").empty(); }, 5000) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="sentdiv"> <span>this will be removed in five seconds...</span> </div>