a.nodeName è errore non definito Jquery

Question

a.nodeName è indefinito

ho guardato questo in su ma le spiegazioni non sembrano affatto chiaro per me.

function deleteThisRow() { 
    $(this).closest('tr').fadeOut(400, function(){ 
     $(this).remove(); 
    }); 
} 

<tr> 
    <td>blah blah blah</td> 
    <td> 
     <img src="/whatever" onClick="deleteThisRow()"> 
    </td> 
</tr> 

Answer 1

Il this parola chiave nella funzione non si riferisce all'elemento che è stato cliccato. Di default si riferirebbe all'elemento più alto nel DOM, che sarebbe il window.

Prova questo:

<tr> 
    <td>blah blah blah</td> 
    <td><img src="/whatever"></td> 
</tr> 

$("tr td img").click(deleteThisRow); 

function deleteThisRow() { 
    $(this).closest('tr').fadeOut(400, function() { 
     $(this).remove(); 
    }); 
} 

Answer 2

Prova:

$(document).ready(function() { 
    $("img").click(function() { 
     $(this).closest('tr').fadeOut(400, function(){ 
      $(this).remove(); 
     }); 
    }); 
});