用remove() 清空 append() 的内容后 再用 append() 添加内容怎么没用？

Question

   //有个按钮调用了这个方法，需要多次点击，就会重复添加出内容，但用 remove() 又都显示不出来了var List = function (customerId, customerStageId, pageIndex) {    var url = comm.getHost() + "/EmployeeApi/CustomerVisitLog/GetListPageByCustomerId";    var params = { "CustomerId": customerId, "CustomerStageId": customerStageId, "PageIndex": pageIndex };    var Str2 = "";    comm.post(url, params, function (data) {        if (PageNum <= data.TotalPages) {            PageNum++;            var Str = "";            for (var i = 0; i < data.Items.length; i++) {                Str = "<dl class=\"timeline-node-green\">";                Str += "  <dt>";                Str += "       <b>[" + data.Items[i]["DepartmentName"] + "]-" + data.Items[i]["DudyName"] + " " + data.Items[i]["FullName"] + "</b>";                Str += "       <p>" + data.Items[i]["AddTime"] + "</p>";                Str += "  </dt>";                Str += "  <dd>" + unescape(data.Items[i]["Desc"]) + "</dd>";                Str += "</dl>";                $(".timeline").prepend(Str);            }            Str2 = "<p class=\"rowLink\" onclick=\"HistoryList()\" title=\"查看历史消息\"><i class=\"icon iconfont\" style=\"font-size:12px;\">&#xe6f3;</i>  查看历史消息</p>";        }        else {            Str2 = "<p style=\"color:#bebebe;text-align:center;\">没有更多消息了</p>";            comm.warning("没有更多消息了...");        }        alert(Str2);        $(".Message").remove();       //用remove()就会不显示内容了        $(".Message").append(Str2);   //我有个按钮调用了这个方法、但是点一次就会重复添加显示出来    });}//求大佬帮助怎么弄啊

Answer 1

因为 remove() 不是清空这个元素，而是把它删除掉，删都删掉了还怎么看到- -
清空用 empty()