a.nodeName no está definidoa.nodeName es el error indefinido Jquery
He mirado esto, pero las explicaciones no parecía del todo claro para mí.
function deleteThisRow() {
$(this).closest('tr').fadeOut(400, function(){
$(this).remove();
});
}
<tr>
<td>blah blah blah</td>
<td>
<img src="/whatever" onClick="deleteThisRow()">
</td>
</tr>
El this palabra clave en su función no se refiere al elemento que se ha hecho clic. Por defecto, se referiría al elemento más alto en el DOM, que sería el window.
Prueba esto:
<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();
});
}
De hecho, parece que este error significa que usaste $ (esto) incorrectamente. En este caso, estaba tratando de llamar a una función que había escrito suponiendo que se llamaría desde un evento en particular, fuera de ese evento. – neminem
Hilarantemente, un par de años después, olvidándome de esto, hice exactamente lo mismo otra vez, encontré este comentario muy útil, fui a votarlo y no pude, porque resulta que fui yo quien lo escribió. Gracias, yo mismo! :RE – neminem
Probar:
$(document).ready(function() {
$("img").click(function() {
$(this).closest('tr').fadeOut(400, function(){
$(this).remove();
});
});
});
Dentro 'deleteThisRow',' this' se referirá a 'window', no la imagen. ¿Por qué no unir el controlador de eventos con jQuery? –