如何在将新的源标记附加到输出之前删除之前附加的源标记？

Question

$("#output").append("<img class='resp-output'
 src='"+foundImages[foundImages.length-1].url+"' /> ");"    

我必须将类和源附加到＆＃34;输出＆＃34;，如何在每次调用时删除旧源，以便它只有一个（新的）图像来源？

Answer 1

假设您在$("#output")元素中只有一个图像，您可以在每个附加之前清除它，如下所示：

$("#output").html("");

它只会将innerHtml设置为空字符串。

如果$("#output")中有其他元素，则可以在添加之前将图像保存在全局变量中：

var _currentIMG = $("<img class='resp-output' src='"+foundImages[foundImages.length-1].url+"' /> ");
$("#output").append(_currentIMG);

然后在添加新内容之前将其删除：

_currentIMG.remove();

Answer 2

我解决了我的问题，但没有直接解决，我刚刚添加了

$('#output').empty();  

在早期的功能中。

感谢您的回答，我确定将来会使用该方法。