如何更改多个图像的图像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.如果您在jQuery中使用class="imageClass"和引用class它应该可以工作.

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

这背后的原理是id应该是唯一的,而类应该用于引用多个标签.您可以在同一个标​​记上拥有ID和类,但ID应该是唯一的.例如,如果您希望所有标题都为绿色,则可以执行以下操作:

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

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

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