HTML-элемент управления с изображением, чтобы получить событие нажатия с помощью jquery

Question

В нашем приложении мы используем набор изображений в качестве слайдов. Если мы нажмем одно изображение, мы хотим получить идентификатор на той же странице. Я попытался с помощью следующего кода.

Код: HTML:

<a id="100" href="#"> <img scr="..."/> </a>
...

Код JQUERY:

$("div.alb a").click(function() {

        });

Проблема:

Without href="#" the click event is not working.

I want to get the id by clicking the image without using server control.

Without using server control is it possible to achieve this task. 

Гит.

Answer 1

HTML:

<img src="..." id="i100"/>

JS (JQuery):

$('img[id]').click(function(){
  var my_id = $(this).attr('id');
  return false;
});

в противном случае, если вы не можете изменить свой html-код, просто добавьте 'return false', чтобы предотвратить перенаправление.

Answer 2

Кажется, у меня работает без использования herf.

Вы можете проверить это здесь.

http://jsbin.com/uroke

Я не могу получить изображение для отображения при использовании jsbin, но не знаю почему.

$(function()
  {
      $("a").click(function()
      {
          var test = $(this).attr('id');
          alert(test);
      });
  });