'Undefined' при попытке записать динамически добавленные элементы

Question

Я использую AJAX для генерации изображений карусели. Мой объект JSON выглядит так.

{ 
    "src": "../_shared/img/img1.jpg", 
    "title": "Image 1", 
    "onclick": "get_src()" 
} 

Окончательный генерации HTML это

<img onclick="test()" src="../_shared/img/img1.jpg" alt="Image 1"> 

А теперь с помощью JQuery Я пытаюсь предупредить значение Src, но он всегда возвращает 'Неопределенный'

function test() { 
    alert($(this).attr('src')); 
} 

Так как я имею дело с элементом, который был динамически добавлен?

Answer 1

Для того, чтобы передать этот элемент, вы должны передать this ссылку на эту функцию в качестве аргумента в противном случае this внутри функции будет ссылаться на window объекта.

<img onclick="test(this)" src="../_shared/img/img1.jpg" alt="Image 1"> 

function test(ele) { 
    alert($(ele).attr('src')); 
}