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

我在页面中使用一些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的内容。

最佳答案

使用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>