javascript更改图像源

我有一些javascript需要帮助

我有一个带有src标签的图像。我想取src的值，并用静态值替换它。src值虽然是可变的，但始终在同一结构中

因此，如果我的图像url为：

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

使用javascript，我想将其修改为

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

请记住，url中的

a/en-uk/images/items/

和

123456789_1

部分是动态的。因此，只需将

123456789_1

替换为

not_found

---

你知道我如何用jquery实现这一点吗？regexp？

您可以向图像添加

id

属性，例如

myImage

，然后使用 JavaScript HTML:

注意，您也可以使用

jQuery

执行此操作，尽管我认为它不是必需的或有用的，但语法应该是：

$（“#myImage”）.attr（'src'，'YOUR#NEW_SOURCE'）

如果您希望不必为图像提供ID，也可以根据url进行选择，如中所述

---

反之亦然

我的首选是使用regexp或类似工具修改现有源代码，而不使用ids。@虽然在这种特殊情况下可以使用正则表达式解析HTML，但通常这是一个非常糟糕的主意，用于解析HTML部分的正则表达式往往会失败，更一般地说，如果您愿意，欢迎您来到JS聊天室，我将很高兴地解释为什么会发生这种情况。但是，看看我在答案底部链接的问题，您可以根据链接到的URL选择“a”标记，而无需修改源。我只是觉得没那么干净。请看问题。“请记住，url中的a/en uk/images/items/和123456789_1部分是动态的。”

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

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

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