Получение контента AJAX в DOM или регистрация объекта с помощью jQuery через событие onClick?

Question

У меня есть настройка кода, как показано ниже, изображение является частью блока HTML и загружается с помощью AJAX, поэтому я не могу получить прямую ссылку на него, используя его класс или идентификатор, поэтому я передаю объект в функцию, а затем забрать его с помощью jQuery.

Мне не нравится этот метод, есть ли способ зарегистрировать изображение ( или, предпочтительно, весь блок HTML ) с помощью dom, чтобы я мог получить прямое управление этим с помощью jQuery и иметь возможность сделать что-то вроде "$ (". img "). click (function () {});" или есть более элегантный способ сделать то, что я пытаюсь сделать ниже.

Моя HTML-страница:

<img src="m.jpg" onClick="vote(this);" class="img">

Моя страница JS:

function vote(object)
{
    //alert('voted');
    $(object).css('display','none');
}

Спасибо, ребята.

Редактировать: Спасибо всем, кто ответил, +1 всем. Я не уверен, кто сказал это первым, но это все решило. Приветствия.

Answer 1

$(document).ready(function() {
   $('.voteImg').live('click', function() {
      //alert('voted');
      $(this).hide();
   });
});

Answer 2

Может быть, что-то вроде

$('img.img').live('click', function() {
    $(this).css('display', 'none');
});

Answer 3

Я думаю, что живая функция JQuery должна решить это за вас - вы можете прикрепить щелчок ко всем изображениям определенного класса, и он должен повторно применяться, когда DOM перезагружается при загрузке изображения.

JQuery live function