изменение всех изображений src при нажатии на ссылку

Я хочу изменить все мои изображения src, нажав на ссылку. (#Перейти)

мои исходные изображения имеют такую ​​​​информацию о данных:

<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>

мои изображения находятся внутри div с именем: «.mix.photos». У меня много изображений, а src и данные генерируются настраиваемым полем и все разные.

на данный момент я попробовал этот код:

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

Приведенный выше JS-код работает, но все мои изображения получают один и тот же src, первый src данных изображения. Я думаю, что мне нужно использовать (это), но я не знаю, как это сделать, я пробовал несколько вариантов синтаксиса, но ни один из них не работал...

У меня также есть другие функции внутри моего "$('#GoList').on('click', function()"

может ли кто-нибудь помочь мне с этим?

большое спасибо,


function click jquery src attr
person mmdwc    schedule 08.03.2014    source источник
comment
Не понял, в чем проблема?   -  person Murtaza Khursheed Hussain    schedule 08.03.2014
comment
@Murtaza Hussain Мне нужно, чтобы каждое изображение получало ассоциированные данные («imagefull»). В моем реальном коде все изображения получают один и тот же src. src с 1-го изображения.   -  person mmdwc    schedule 08.03.2014

Ответы (1)


arrow_upward
2
arrow_downward

это потому что

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+"");
          });
});
person zoranc    schedule 08.03.2014