使用jQuery动态替换图像源

Question

我正在尝试用我自己的一个替换默认的Yelp星级评级图像.为此,我需要为可能已加载的每个可能的5个图像找到相应的图像源.然后,基于我需要加载我创建的正确图像.

<div id="starRating">
    <img src="http://yelp-star-1.png"/>
</div>

所以,yelp-star-1.png将被my-star-1.png取代.等等等等.这可能很简单,但我是jQuery的新手,我发现的一切都没有正常工作.非常感谢您的专业知识!

Answer 1

$("#starRating img").attr("src", "http://pathto/my-star-1.png")

编辑

我想你正在问如何根据当前的内容动态替换src.所以如果字符串有一些直接的区别,也许试试吧

var img = $("#starRating img");
img.attr("src", img.attr("src").replace("yelp", "my"));

Answer 2

如果您只是尝试在没有任何模式的情况下进行基本替换：

$('img[src="http://website.com/images/yelp-star-1.png"]').attr('src','http://website.com/images/my-star-1.png');

这可以用于具有 src 属性开头的图像 http://website.com/images/yelp-star-

$('img[src^="http://website.com/images/yelp-star-"]').each(function() {
   $(this).attr('src', $(this).attr('src').replace("yelp", "my"));
});