Javascript 删除现有内容并附加新内容

当用户在

albumPreview

元素上单击Z时，此事件将继续。这很好，当我点击每个相册预览一次时，但当我再次点击时，它只会删除一个，而不会再次追加

replaceWIth（）

方法不起作用，因为每个

albumPreview

中的元素数量是随机的。我怎样才能做到这一点

if（$（'.img container wrap'）.length==0）{//如果不存在，则创建
log（photoArray.response.length）；
对于（i；i0）{//如果存在，请删除_并u追加新内容
$（“.album content section”）.find（“.img container wrap”）.remove（）；//删除元素
对于（i；i

首先清空容器，然后执行循环：

albumContent.empty(); // remove previous content

for (i = 0; i < photoArray.response.length; i++) {
    albumContent //CONTAINER FOT IMAGES
        .append($("<div class='img-container-wrap'></div>")
            .append($("<div class='img-container'></div>") //APPEND TO IMG-CONTAINER-WRAP
                .css({
                    "background-image": 'url("' + photoArray.response[i].src + '")'
                })))
}

albumContent.empty（）；//删除以前的内容
对于（i=0；i

我知道我的错误在哪里：

empty（）

在

for

循环中。但是

photoArray.response.length

不是无限长的，循环结束后，

empty（）

方法停止工作。谢谢大家！

.html（“”）。append.html（“”）将清除容器中的html，append将添加新的html@Van为什么不使用

empty（）

而不是

html（“”）

？是的，它会完成同样的事情，可能是更好的选择。但是两者都可以。你可以简单地做

.html（'newhtml'）

，为什么还要麻烦附加呢？@Rorymcrossan我应该把

empty（）

在

中进行循环？对不起，结果和我的一样。