jQuery无法删除外部HTML数据

Question

我向div添加了一些外部HTML数据，但我以后无法将其删除。所以我简化了下面的代码只读文本，但问题仍然存在：

HTML部分

<div class="right_cell" id="right_cell" style="position:absolute; border-style:solid; border-width: 3px; left:15%;width:calc(80%);height:calc(100%)">
</div>

JavaScript部分

var $htmlDiv = $("<div class='html_div'></div>");

$.get('pages/no_use.html').success(function (data) {
       $(".right_cell").append($htmlDiv);
       $htmlDiv.append("<p>sample text</p>");
       //$htmlDiv.empty();   works here
});
$htmlDiv.empty();  // not work

运行代码后，＆＃34;示例文本＆＃34;仍然在页面上，但如果我移动＆＃34; $ htmlDiv.empty（）;＆＃34;在函数内部，它工作，我只是看不出差异...我需要在以后的另一个函数中删除htmlDiv中的内容，但看起来它永远不会工作...有没有办法做到这一点？感谢。