Javascript 如何在下次搜索时自动清除/重置页面？

我正在开发一个简单的程序，显示查询/搜索地点的天气状况。一切都很好，不过我想知道如何自动重置/清除DOM或至少显示结果的相关部分，并用新搜索的结果填充它。目前，除非我手动清除按钮，否则它会附加结果

与复制/粘贴所有HTML/CSS/JS jQuery代码相比，我更喜欢将它们放在JSBin中。下面是“应用程序”的一个示例，以及HTML和CSS的其余代码

JS/jQuery代码

---

干杯

尝试使用html而不是append

$.ajax({
  type: "GET", 
  url: $url,
  success: function(data) {
    $title.html(`
      <h3>${data.query.results.channel.item.title}</h3>
    `)
    $description.html(`
      <p>${data.query.results.channel.item.condition.text}</p>
    `)
    $temperature.html(`
      <h1><span id="temp1">${data.query.results.channel.item.condition.temp}</span> &deg;<span class="units">F</span></h1>
    `)
    $chill.html(`
      <p>Feels like: <span id="temp2">${data.query.results.channel.wind.chill}</span> &deg;<span class="units">F</span></p>
    `)
    $wind.html(`
      <p>Wind speed: ${data.query.results.channel.wind.direction} km/h; Wind direction: ${data.query.results.channel.wind.speed}</p>             
    `)
    $humidity.html(`
      <p>Humidity: ${data.query.results.channel.atmosphere.humidity} %</p>    
    `)
  }
});

---

尝试使用html而不是append

$.ajax({
  type: "GET", 
  url: $url,
  success: function(data) {
    $title.html(`
      <h3>${data.query.results.channel.item.title}</h3>
    `)
    $description.html(`
      <p>${data.query.results.channel.item.condition.text}</p>
    `)
    $temperature.html(`
      <h1><span id="temp1">${data.query.results.channel.item.condition.temp}</span> &deg;<span class="units">F</span></h1>
    `)
    $chill.html(`
      <p>Feels like: <span id="temp2">${data.query.results.channel.wind.chill}</span> &deg;<span class="units">F</span></p>
    `)
    $wind.html(`
      <p>Wind speed: ${data.query.results.channel.wind.direction} km/h; Wind direction: ${data.query.results.channel.wind.speed}</p>             
    `)
    $humidity.html(`
      <p>Humidity: ${data.query.results.channel.atmosphere.humidity} %</p>    
    `)
  }
});

使用

而不是

$title.html('<h3>${data.query.results.channel.item.title}</h3>')

将其他替换为使用

而不是

$title.html('<h3>${data.query.results.channel.item.title}</h3>')

---

将其他替换为

谢谢！我在做别的事情，忘了我把“附加”忘了。我想我需要休息一下。干杯没问题，伙计，谢谢！我在做别的事情，忘了我把“附加”忘了。我想我需要休息一下。干杯没问题，伙计，很乐意帮你很乐意帮你