如何为多幅图像更改图像src

Question

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

我有每个图像的ID，如image-1、image-2等，并使用

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

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

Answer 1

您需要使用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>

Answer 2

试试^属性-从选择器开始

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

​

读取.prop()与.attr()

​

Answer 3

试试这个：

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