Jquery ui Jquery：如何在添加新内容之前清除元素？

这是我的jquery代码

 $.ajax({
   url: "PopUpProductDetails.aspx",
            cache: false
     }).done(function (html) {
     $("#dialog").append(html);
 });

第一次，它工作得很好。它显示PopUpProductDetails.aspx页面的内容。但是，在那之后，如果我再次点击，我会得到两次相同的内容，以此类推。我认为问题在于，在添加新内容之前，我需要首先清除对话框元素

---

如何操作？

.append（）

将html追加到现有html字符串的末尾，使用

.html（）

替换函数中当前的

\dialog

对话框，首先清除对话框，然后填充内容

$.ajax({
   url: "PopUpProductDetails.aspx",
            cache: false
     }).done(function (html) {
     $("#dialog").html("");
     $("#dialog").html(html);
 });

---

如果您需要首先清除对话框，请使用.empty（），它比.html（“”）快

请参见您可以先使用

.empty（）

，然后在一行中使用

.append（）

）

像这样：

$.ajax({
  url: "PopUpProductDetails.aspx",
        cache: false
    }).done(function (html) {
    $("#dialog").empty().append(html);
});

---

注意：

append（）

不仅适用于包含HTML的字符串，而

.HTML（）

仅适用于包含HTML的字符串。真棒：）我正在寻找相同的。旧的，但对我来说是金色的。向上投票。很高兴答案对你有帮助