применить JavaScript ко всем изображениям с одинаковым именем

Question

Приведенный ниже JavaScript-код заменяет только SRC для одного изображения на странице. Как мне это сделать, чтобы сделать это для нескольких изображений на одной странице

<SCRIPT LANGUAGE="JavaScript">

loadImage1 = new Image();
loadImage1.src = "http://4.bp.blogspot.com/-Xzm-yUJ_dz0/Tsj3Q57J2tI/AAAAAAAAAGE/bohLMRj5FCY/s1600/hover.png";

staticImage1 = new Image();
staticImage1.src = "http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png";

replaceImage1 = new Image();
replaceImage1.src = "http://4.bp.blogspot.com/-oacZCbBUhQ0/Tsj3Qkl4IaI/AAAAAAAAAGA/5_z-2VXKCi8/s1600/clicked.png";

</script>

HTML-код изображения приведен ниже, если требуется. Я не возражаю против применения идентификатора или CLASS к изображениям:)

<img onMouseOver="image1.src=loadImage1.src;" onMouseOut="image1.src=staticImage1.src;" onmousedown="image1.src=replaceImage1.src;" onmouseup="image1.src=loadImage1.src;" style=width:480px;height:360px;background-image:url('http://i1.ytimg.com/vi/XtNcZnfkL2A/hqdefault.jpg');" name="image1" src="http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png">

И / ИЛИ есть более чистый jquery для этого, я бы предпочел использовать jQuery, спасибо!

Answer 1

Вы можете сделать это следующим образом: Добавить класс к изображениям, например;

<img class='someclass' ....

Затем с помощью jQuery вы можете выбрать все изображения с одинаковым именем класса, например;

$("img[class='someClass']").each(function() {
   //replace src attribute of each image
   $(this).attr("src", "");
   $(this).attr("src", "your_new_src");
});

Надеюсь, это поможет

Answer 2

Если вы предпочитаете делать это с помощью jQuery, вы можете выбрать все изображения по имени, используя селектор ", равно ":

$("img[name='image1']").attr("src", "newImageSource.png");

Если вы хотите добавить атрибут класса к изображениям, вы можете использовать селектор класса:

$(".someClass").attr("src", "newImageSource.png");

Метод attr будет применяться ко всем элементам, соответствующим селектору, поэтому нет необходимости перебирать соответствующий набор.