单击按钮时替换图像

Question

我正在尝试替换按钮单击时的图像，但我似乎没有弄清楚。我从我的 ajax 值中从我的服务器获取了一个看起来像 photo/1583testImg.png 的图像。我现在不想用我通过 ajax 从服务器获取的照片替换当前照片。

 for(file in search){
    var title = search[file].title;
    var photo = search[file].path;
    $(".search-result:first").clone().appendTo(".search").find("h3").text(title);
    $(".search-result:first").clone().appendTo(".search").find("src").replace(photo); // this is the codeline that doesn't work
    console.log(title+"+"+photo);
}

Answer 1

你应该改变：

$(".search-result:first").clone().appendTo(".search").find("src").replace(photo);

到：

$(".search-result:first").clone().appendTo(".search").attr("src",photo);

如果需要显示完整路径，可以使用一些选项：

//window.location.host //you'll get sub.domain.com:8080 or sub.domain.com:80
//window.location.hostname ////you'll get sub.domain.com
//window.location.protocol : you'll get http:
//window.location.port //you'll get 8080 or 80
//window.location.pathname //you'll get /virtualPath

var mainUrl =  window.location.protocol+"//"+window.location.hostname;

$(".search-result:first").clone().appendTo(".search").attr("src",mainUrl+"/img/"+photo);

这会给你http://example.com/img/photo/1583testImg.png