jquery - $().html() 是追加而不是覆盖

Question

在我的项目中:托管于:http://dochyper.unitec.ac.nz/iwd19s1/1525/sethil01iwd/hidden/project2/index.html

下载项目文件:https://drive.google.com/file/d/1N6ZMCECEZlWQIE9EB51B0Uaw-EZcu4l1/view?usp=sharing

我正在尝试使用以下函数在单击按钮时删除所有动态创建的 html 元素:

function showBookTicketsScreen(){
    $("#roomLayout").empty();
}

怎么没有删除#roomLayout div 中的 html。

我想要的结果是https://i.imgur.com/3Sox5KV.png

但是返回并再次按下提交按钮结果是 .html() 将新元素附加到#roomLayout像这儿: https://i.imgur.com/GWKeunw.png

Answer 1

我阅读了你的源代码。 parseXML 函数在每次函数调用时附加已解析的数据。您应该在 parseXML 函数中初始化 html 变量，如下所示。

script.js

var xmlHTTPobject= new XMLHttpRequest();
var html=""; // <= The variable won't be cleared at every function call.
function parseXML(filePath){
    var html=""; // <= Initialize inside the function.
    xmlHTTPobject.open("GET",filePath,false);
    xmlHTTPobject.send();
    var xmlRespsonse = xmlHTTPobject.responseXML;