如何更改多个图像的图像src

How to change Image src for Multiple Images

本文关键字：图像 src 何更改更新时间：2023-09-26

我的页面上有一些图像，但它们都是相同的图像。我想知道如何使用jQuery来更改它们。以下是我目前的设置。

我有每个图像的ID，如image-1，image-2等，为了更改它们，我使用

$("#image-1").attr({src:"..."});
$("#image-2").attr({src:"..."});

有没有一种方法可以将我的ID设置为myTag，然后更改每个具有该ID的图像的图像src？因为如果我在使用现在的方法时这样做，它只会更改带有该id的第一个图像。

您需要使用class而不是id。如果您使用class="imageClass"并在jQuery中引用class，它应该可以工作。

$(".imageClass").attr("src", "imagename");

这背后的原则是，id应该是唯一的，而类应该用于引用多个标记。在同一个标签上可以有一个id和一个类，但是id应该是唯一的。例如，如果你想让所有的标题都是绿色的，你可以这样做：

<h1 class="green-header">Text</h1>

但是，如果您想更改站点中的一个div以使文本居中，您可以执行以下操作：

<div id="center-text">Text</div>

Try^属性以选择器开始

$('img[id^="image-"]').prop("src", "imagename");

读取.pr（）与.attr（）

试试这个：

$("img[id*='image-']").attr({src:"..."});