javascript改变图像源

Question

我有一些需要帮助的JavaScript。

我有一张带有src标签的图片。我想取src的值，用静态值替换它。 src值虽然是可变的，但总是在相同的结构中。

所以如果我的图片网址是：

a/en-uk/images/items/item_123456789_1_185x185.jpg

使用javascript，我想将其修改为

a/en-uk/images/items/item_not_found_185x185.jpg

请注意，网址a/en-uk/images/items/和123456789_1部分是动态的。因此，只想将123456789_1替换为not_found。

知道如何用jquery做到这一点？正则表达式？

Answer 1

您可以为图片添加id属性，例如myImage，然后将其更改为 JavaScript的 HTML：

<img src='YOUR_OLD_SOURCE' id='myImage' ... />

JS：

document.getElementById("myImage").src = "YOUR_NEW_SOURCE";

Here is a working JSFiddle

注意，您也可以使用jQuery执行此操作，但我认为不需要或有帮助，语法为：$("#myImage").attr('src','YOUR_NEW_SOURCE')

如果您不想为图片提供ID，您也可以根据this question中的说明选择网址。

Answer 2

$('#myImage').attr('src',$(this).attr('src').replace('not_found','123456789_1'));

反之亦然