使用$（this）.attr（'src'）; 在img上未定义

Question

I need help on understand how the $(this) work exactly because i can't bring this simple code to work:

HTML:

<img style="cursor:pointer;" onclick="openfullsize();" src="/customimage/test.png"/>

JS:

function openfullsize(){
    var path = $(this).attr("src");
    alert(path);
}

I wonder if there is anything i'm doing wrong or if I just don't understand how $(this) behave. $(this) should refer to the element from which it is invoked, right? in this case, it would be my img.

This should alert the content of the src attribute but it is undefined.

I would like this to be in Jquery please.

Thanks for your help and here is the JsFiddle

Answer 1

You should bind the event-handler directly in the JS code instead of in the HTML like you're doing at the moment.

$("img").on("click", function(){
    //$(this) will now work as expected
});