Javascript 如何删除循环中jquery prepend()之后的任何内容

Javascript 如何删除循环中jquery prepend()之后的任何内容,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在执行一个搜索按钮,每次用户搜索一部电影时,我都会在html div中预编照片api。我只想在用户再次搜索另一部电影时,我希望删除之前的内容(预编内容之后的任何内容)。下面是我的代码的样子: HTML: <div id="Search-Results"></div> $.ajax(settings).done(function (response) { for(var i=0; i < results.length; i++)

我正在执行一个搜索按钮,每次用户搜索一部电影时,我都会在html div中预编照片api。我只想在用户再次搜索另一部电影时,我希望删除之前的内容(预编内容之后的任何内容)。下面是我的代码的样子:

HTML:

<div id="Search-Results"></div>
    $.ajax(settings).done(function (response) {

    for(var i=0; i < results.length; i++)
        {   
        var s = '<span><img src="http://example.com/test.jpg"> </span>';
        $("#Search-Results").prepend(s);
    }
});

jQUERY:

<div id="Search-Results"></div>
    $.ajax(settings).done(function (response) {

    for(var i=0; i < results.length; i++)
        {   
        var s = '<span><img src="http://example.com/test.jpg"> </span>';
        $("#Search-Results").prepend(s);
    }
});
$.ajax(设置).done(函数(响应){
对于(var i=0;i
例如:

当用户搜索阿凡达电影,然后搜索教父时,我希望删除阿凡达图像。教父将被伪装成div,教父旁边的头像照片将被移除


注意代码在for循环中,我只得到一张带有.html的图像

此函数将简单地覆盖innerHTML

$("#Search-Results").html(s);
试试这个

$("#Search-Results").html("");

for(var i=0; i < results.length; i++) {

      var s = '<span><img src="http://example.com/test.jpg"> </span>'; 
      if (i == 0){
           $("#Search-Results").html(s); 
      }else {
           $("#Search-Results").prepend(s);
      }
}
$(“#搜索结果”).html(“”);
对于(var i=0;i
对于循环中的第一张照片,请使用
.html()
,其余部分请使用
.prepend()

for(var i=0; i < results.length; i++) {
    var s = '<span><img src="http://example.com/test.jpg"> </span>'; 
    $("#Search-Results")[ i ? 'prepend' : 'html' ]( s ); 
}
for(var i=0;i
试试这个:$(“#搜索结果”).html;元素
#Search Results
是否有其他必须在搜索之间保留的内容?@PeterKA否,它是一个空div,应该是直接的。您可以组合使用
.empty()
.prepend()
.html()
.prepend()
方法。我已经编辑了我的问题,我的代码在for循环中,.html可能无法工作。我只得到1张图片,所以,我想你只需要显示最后一张照片?不,我搜索一部电影,然后将照片(数组)打印到div中。我希望所有照片都显示出来,而不仅仅是1张。每次我再次搜索另一部电影时,我都会使用这些新照片并删除以前的照片。结果数组是否包含搜索的电影照片?当然,这是一个api,它们包含电影的URL。它可以工作,如果相同,但方式不同,我很高兴能提供帮助:-)享受!!我遇到了一些问题,我在这个链接上传了网站:当我搜索角斗士和蜘蛛侠时,两张图片都出现了。虽然不清楚你遇到的新问题是什么,但创建一个新问题来解决这个问题可能会有所帮助。请随意创建一个最小的演示,清楚地显示问题所在。作为一项规则,我们不鼓励重定向到外部站点,因为无法保证将来会出现断开的链接。下面是我的另一个问题: