Как получить значение атрибута при клике на него?

Question

[mrWan]

У меня картинки выводятся с помощью цикла foreach(php) :

<?php foreach ($imgDir as $image): ?>
		<div class="imageTmp" id="imageTmp">
		<img src="<?='/manager/temp/' . $image?>" alt="" class="img-rounded">
		<img class="img-upload-close" src="/img/close.png" alt="">
		</div>
	<?php endforeach ?>

Мне нужно сделать так, чтобы при клике на определенную картинку можно было забрать ее данные из атрибута src.
Пробовал сделать так для теста:

$(document).on('click', '#imageTmp', function(){
		alert(1);
	});

Alert выводит столько сообщений, сколько всего имеется картинок.
Как мне сделать что бы "click" обращался только к той картинке, на которую кликнули?

Answer 1

[hakkol]

Может проблема в том, что у вас повторяются id, которые должны быть уникальными? Попробуйте использовать класс imageTmp

Answer 2

[Stalker_RED]

ID должен быть уникальным в пределах страницы, а у вас куча одинаковых.

Выводит одно сообщение: https://jsfiddle.net/1tro4a42/
Что я делаю не так?

Answer 3

[mrWan]

да с id поспешил.
сделал вот так:

$(".imageTmp").bind("click", function(){
		alert($(this).find('img').attr("src"));
});

Все работает. Этот вариант нормальный ?

Comments

[hakkol]

Можно было и оставить

$(document).on('click', '.imageTmp', function(){
    $(this).find('img').attr('src');
});

[Владимир Куликов]

$('.gallery-right__item a').click(function() {
 var getvalue = $(this).attr('data-tabs');
 alert(getvalue);
});