a.nodeName является Неизвестная ошибка Jquery

Question

a.nodeName неопределен

Я смотрел это вверх, но объяснения не кажутся совсем понятно мне.

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

this ключевое слово в функции не относится к элементу, который был щелкнули. По умолчанию он будет ссылаться на самый высокий элемент в DOM, который будет window.

Попробуйте это:

<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

Try:

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