Löschen einer Zeile aus einer dynamischen HTML-Tabelle

Question

Ich möchte eine Zeile löschen, indem Sie eine JSON-Anfrage machen, aber leider funktioniert der Code nicht.

function deleteRecord(id) { 
    debugger; 
    // === Show confirmation alert to user before delete a record. 
    var ans = confirm("Are you sure to delete a record?"); 

    // === If user pressed Ok then delete the record else do nothing. 
    if (ans == true) { 
     debugger; 
     $.ajax({ 
      type: "POST", 
      url: location.pathname + "WebForm5.aspx/deleteRecord", 
      data: id, 
      contentType: "application/json; charset=utf-8", 
      datatype: "json", 
      async: "true", 
      success: function (dt) { 
       debugger; 

       //=== rebind data to remove delete record from the table. 
       $(this).closest('tr').remove(); 
       $(".errMsg ul").remove(); 
       $(".errMsg").append("<ul><li>Record successfully delete.</li></ul>"); 
       $(".errMsg").show("slow"); 
       clear(); 
      }, 
      error: function (dt) { 
       alert(response.status + ' ' + response.statusText); 
      } 
     }); 
    } 
} 

Dies ist mein Code cehind aspx.cs Code in ASP.net:

public static void deleteRecord(int CategoryID) 
{ 
    clsCategoryBL objproject = new clsCategoryBL(); 
    objproject.CategoryDelete(CategoryID); 
} 

Ich möchte das Problem lösen. Kann mir jemand helfen?

Answer 1

hinzufügen benutzerdefinierte ID atributes auf Zeilen (tr), wenn Sie die Liste wie

<tr data-id='1'></tr> 
<tr data-id='2'></tr> 

erstellen, dann können Sie ändern Linie

$(this).closest('tr').remove(); 

TO

$('tr[data-id='+id+']').remove();