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

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

我的每张图像都有一个ID，比如

image-1

，

image-2

，等等。要更改它们，我使用

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

---

有没有办法将我的ID设置为

myTag

，然后为每个具有该ID的图像更改图像src？因为如果我在使用现在的方法时执行此操作，它只会更改具有该id的第一个图像。

您需要使用

类，而不是
id
。如果在jQuery中使用
class=“imageClass”
并引用
类
，它应该可以工作

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

这背后的原则是id应该是唯一的，而类应该用于引用多个标记。您可以在同一个标记上有一个id和一个类，但id应该是唯一的。例如，如果希望所有标题均为绿色，可以执行以下操作：

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

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

文本

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

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

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

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

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

这背后的原则是id应该是唯一的，而类应该用于引用多个标记。您可以在同一个标记上有一个id和一个类，但id应该是唯一的。例如，如果希望所有标题均为绿色，可以执行以下操作：

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

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

文本

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

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

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

文本
试试看


阅读
试试看


阅读试试这个：

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

试试这个：

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

你能改为对图像应用一个类，将它们组合在一起吗？“每个具有该ID“-ID的图像都应该是唯一的，即使浏览器很宽松。
src
采用什么形式？从技术上讲……如果你拒绝遵循HTML的规则（或者如果你无法控制标记），你可以做
$（'[ID=“image-1”]'））.attr（“src”，“…”
更改具有相同id属性的多个元素。这是一个解决办法，但理想情况下，你的ID应该是唯一的。你能改为对图像应用一个类，将它们全部组合在一起吗？“每个具有该ID的图像”-ID应该是唯一的，即使浏览器是宽松的。
src
采取什么形式？从技术上说……如果你拒绝遵循HTML规则（或者如果您无法控制标记），可以执行
$（'[id=“image-1”]'）.attr（“src”、“…”）
更改具有相同id属性的多个元素。这是一种解决方法，但理想情况下，您的id应该是唯一的。可能需要注意的是，您可以将类作为id标记的附加项，而不仅仅是替换项。可能需要注意的是，您可以将类作为id标记的附加项，而不仅仅是替换项