Передача id при клике на картинку
Привет!
Сделал на jquery так называемый счетчик кликов по картинке и показов.
Вот код JavaScript:
jQuery(document).ready(function($){
$('.click').click(function(){
var id = $('input[name=id]').val()
$.get('response.php', {'click':true, 'id':id});
});
$('.hits').load(function(){
var id = $('input[name=id]').val()
$.get('response.php', {'hits':true, 'id':id});
});
});
Картинки выводятся так:
<div class="show">
<a href="http://#" class="click" title="summer" target="_blank">
<img src="http://.../logo-girl-summer.png" class="hits" alt="summer">
<input type="hidden" name="id" value="4">
</a>
</div>
Скрытым полем передаю id картинки.
Ну и все это дело при клике или показе передается в response.php и там обрабатывается.
Все работает, НО обнаружил баг, что если 2 картинки на одной странице, то на клики и показы реагирует только ВЕРХНЯЯ... Т.е. скрытое поле <input type="hidden" name="id" value="4">
передает id верхней картинке при клике на любую из них.
Как правильно сделать, чтобы по клику передавался свой id?
Источник: Stack Overflow на русском