Javascript 使用jquery更改图像标记的src中的一些文本

我想使用js或jQuery更改图像标记的src中的一个字母

<img src="/media/image_i/ball.png">
<img src="/media/image_i/bat.png">

我想把src中的字母I改成一个数字。 它应该是这样的-

<img src="/media/image_4/ball.png">
<img src="/media/image_4/bat.png">

编辑-当我使用解决方案时，一切正常，但它将所有图像标记的“src”更改为与第一个图像相同，因此第二个图像即“bat.png”更改为“ball.png”，因此同一图像显示两次。

---

谢谢大家!

首先，您需要确定需要修改的特定

img

元素。这可以通过多种方式来实现，例如为所讨论的

img

提供一个

id

或一个唯一的

类。如果图像是唯一使用您在问题中指定的
src
的图像，您可以使用它（这就是我在下面的代码中所做的）

获取元素的正确引用后，使用
.attr（）
方法获取/设置当前
src
值和标准
字符串。替换
方法以交换值：

var current = $("img[src='/media/image_i/ball.png']");
current.attr("src", current.attr("src").replace("_i", "_4"));

如果这就是您所需要做的，那么JQuery就太过分了。标准JavaScript同样简单：

var el= document.querySelector("img[src='/media/image_i/ball.png']");
el.src = el.src.replace("_i", "_4");

您只需获取图像的
src
属性，使用JQuery将其循环并将
\u i
替换为
\u 4
。要检查以下代码段是否有效，需要使用浏览器的
inspect元素
，并检查
src
属性


$（文档）.ready（函数（）{
$（'img'）。每个（函数（）{
var src=$（this.attr（'src'）；；
$（this.attr（'src'，src.replace（'u i'，'u 4'））；
});
});
您可以使用正则表达式完成此工作


$（文档）.ready（函数（）{
var src=$（'img'）.attr（'src'）；
var newsrc=src.replace（/u./g，4'）；
$（'img'）.attr（'src'，newsrc）；
});

似乎很琐碎，您尝试过哪些不起作用的方法？请自己解决这个问题。如果你遇到了问题，发布一个带有具体问题描述的问题，我们会很乐意帮助谁投了反对票？今天早上有人脾气暴躁。这是正确的答案，还提供了JS选项。@DTavaszi明智地使用您的编辑权限。千万不要因为你在这里做的原因而编辑问题或答案。我的措辞、语法和格式都是有意的，我已经恢复了编辑。编辑是为了纠正错误或澄清错误。您的编辑没有做到这一点。@ScottMarcus谢谢您的反馈，Marcus。我的编辑注释解释了我的更改。请记住，作为这篇文章的作者，你所写的对于那些偶然发现这个答案的人来说并不明显。减少多余的单词有助于读者理解答案。例如，“您将需要”的措辞是多余的，“特定”也是多余的，因为编码人员不会在这里修改他们不需要的图像——或非“特定”图像。因此，我的编辑特权被明智地用来澄清你原本写得很好的答案的一小部分。@ScottMarcus你原来帖子中的措辞没有反映你现在给我写的信息。再说一遍，这对你来说很有意义，因为这是你写的。但要传达这些信息，你需要明确。我的编辑没有改变你文章的意思。如果你不明白，没关系。Stack Overflow是一个社区平台，因此我的编辑被批准。您好，现在请查看问题，我收到一个新问题。Thanks@john由于您有多个图像，因此需要循环到
images
并更改每个图像的
src
属性。检查更新后的答案，如果有帮助请勾选。非常感谢Ankit Agrawal，我只需要这段代码！！