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 कीवर्ड। डिफ़ॉल्ट रूप से यह डीओएम में उच्चतम तत्व का संदर्भ देगा, जो 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

प्रयास करें:

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