javascript - 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 做到这一点吗？正则表达式？

score 2 · Accepted Answer

例如，您可以为图像添加id属性，myImage然后使用 JavaScript HTML 进行更改：

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

JS：

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

请注意，您也可以这样做，jQuery虽然我认为它不需要或没有帮助，但语法为： $("#myImage").attr('src','YOUR_NEW_SOURCE')

如果您不希望为您的图像提供 ID，您也可以根据此问题中的说明根据 url 进行选择。

score -1 · Accepted Answer

-1

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

and vice versa

于 2013-03-29T23:04:39.757 回答

2 回答 2