Löschen Zeile (TR) durch Klicken auf eine href

Question

Ich habe eine Tabelle, und ich möchte tr entfernen, indem Sie auf ein href-Tag klicken. Hier ist der Code.

<tr>         
    <td data-title="ID"> 
      echo '<a href="" onclick="return Deleteqry('.$orderID.')";><font size="2" color="#FF0000"><i class=" fa fa-remove" title="Remove this Row"> </i></a>'; 

    </td> 
</tr> 

<script> 
function Deleteqry(id) 
    { 
     if(confirm("Are you sure you want to delete this Row?")==true) 
    $(this).closest('tr').remove(); 
     return false; 
    } 

</script> 

Ich habe andere Fragen in SO und gefunden $(this).closest('tr').remove(); aber es funktioniert nicht. Ich habe keinen Fehler, aber die Zeile löscht nicht. Ich bekomme eine Alarmbox, aber die Zeile wird nicht gelöscht.

Bitte beraten, was mache ich falsch.

Answer 1

Grundsätzlich this innerhalb einer normalen Funktion wird auf window Objekt zeigen.

.... onclick="return Deleteqry('.$orderID.', this)";> 

Sie müssen es also manuell an die Inline-Event-Handler-Funktion übergeben.

function Deleteqry(id,_this) { 
if(confirm("Are you sure you want to delete this Row?")==true) 
    $(_this).closest('tr').remove(); 
    return false; 
} 

empfangen Sie es, konvertieren Sie es als ein jquery Objekt und machen Sie Ihre Arbeit darüber.