jquery .append（）方法产生不需要的结果

Question

我正在使用维基百科的API开展项目。我已经能够成功加载API的数据。  但是，这是我尝试在提交输入值时将API的结果加载到DOM中的问题，但每次我尝试提交新值时，结果都会附加到第一个输入的初始结果中搜索范围。

这是一个小提琴，可以表明我的意思：

https://jsfiddle.net/aonz929f/1/

    for( var key in data.query.pages){
        //loop through the JSON data 
       }

$("#result").append(htmlContent)/// Then I used the append method to return each returned result to the DOM

Answer 1

你必须在添加新的html之前清除已经存在的html，如下所示：

ImageView