jquery - 使用 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"));