使用jQuery更改图像源URL

Question

我有两张图片，一张透明：

http://www.example.com/image-trans.png

另一个有背景的人：

http://www.example.com/image.png

我正在尝试使用jQuery在触发某个事件时将图像的src从image-trans.png（原始值）更改为image.png。

我可以通过直接在我的jQuery代码中输入src来实现这一目的：

$("img.nav51").attr("src","http://example.com/image.png");

但是，我试图这样做而不直接在我的jQuery中输入URL，因为URL是在其他地方动态设置的，并且可能会发生变化。

这是我正在尝试的，但它对我没有任何作用：

$('img.nav51').attr("src").replace("-trans.png", ".png");

有什么建议吗？

Answer 1

要设置/更新属性，必须在第二个参数中传递新值。

试试这个：

var originalSrc = $('img.nav51').attr("src");
$('img.nav51').attr("src", originalSrc.replace("-trans.png", ".png"));

Answer 2

您必须将其设置为替换它：

$('img.nav51').attr("src", $('img.nav51').attr("src").replace("-trans.png", ".png"));

Answer 3

$('img.nav51').attr('src', function(){ 
     return this.src.replace("-trans.png", ".png"); 
});