Question

我想通过点击链接更改我的所有图片src。（#GoList）

我原始图片的数据信息如下：

<img class="photo_medias" data-imagefull="http://galaxyfoot.soixanteseize-lab.com/wp-content/uploads/image_test_medias_1.jpg" src="http://galaxyfoot.soixanteseize-lab.com/wp-content/uploads/image_test_medias_1-230x118.jpg"></img>

我的图片位于一个名为：＆＃34; .mix.photos＆＃34;的div中。我有很多图像，src和数据是由自定义字段生成的，并且都是不同的。

目前我尝试了这段代码：

$('#GoList').on('click', function(){
var img = $(".photo_medias").data("imagefull");
          $(".photo_medias").attr('src', ""+img+"");
});

上面的JS代码可以工作，但我的所有图像都获得了相同的src，即第一个图像数据src。我想我需要使用（这个），但我不知道该怎么做，我尝试了几种语法，但没有一种方法有效......

我的＆＃34; $（＆＃39; #GoList＆＃39;）中还有其他功能。（＆＃39;点击＆＃39;，功能（）＆＃34;

任何人都可以帮我这个吗？

非常感谢，

Answer 1

因为

var img = $(".photo_medias").data("imagefull");
$(".photo_medias").attr('src', ""+img+"");

每次点击都会执行一次

，它会定位所有.photo_medias类

的元素

单独浏览每个内容，您可以使用.each()功能和this参考

$('#GoList').on('click', function(){
          $(".photo_medias").each(function() {
             var img = $(this).data("imagefull");
             $(this).attr('src', ""+img+"");
          });
});

单击链接时更改所有图像src

1 个答案: