用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()