使用jQuery动态替换图像源

前端之家收集整理的这篇文章主要介绍了使用jQuery动态替换图像源前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试用自己的一个替换默认的Yelp星级评级图像.为此,我需要为可能已加载的每个可能的5个图像找到相应的图像源.然后,基于此我需要加载我创建的正确图像.
<div id="starRating">
    <img src="http://yelp-star-1.png"/>
</div>

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

解决方法

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

编辑

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

var img = $("#starRating img");
img.attr("src",img.attr("src").replace("yelp","my"));
原文链接:https://www.f2er.com/jquery/177797.html

猜你在找的jQuery相关文章