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>