動的に追加された要素をログに記録しようとすると「未定義」

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"> 

ですそして今、私はSRC値を警告しようとしているjQueryのを使用したが、それは常に、どのよう

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

を '不定' を返します私は動的に追加された要素を扱うのですか？

Answer 1

要素を参照するためには、そうでなければ関数内thisがwindowオブジェクトを参照することになる引数として関数にthis参照を渡す必要があります。

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

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