Löschen funktioniert nicht in grundlegenden CRUD-Anwendung

Question

Ich versuche, einen Kommentar vom Benutzer zu löschen und habe Probleme herauszufinden, warum meine CRUD nicht funktioniert. Ich bin fast sicher, dass $ (this) .parent(). Data ('id') ist, weil meine console.log ("ID", commentId) ID undefined zurückgibt.

  // Delete Comment From a Meme 
      $('.deletebutton').on('click', function(element) { 
       event.preventDefault(); 
       var commentId = $(this).parent().data('id'); ////id needs to point to id of comment 
       console.log("ID", commentId) 
       window.glob = $(this); 
       $(this).parent().remove(); 
       doYouLikeMeme.deletePost(commentId); 
      }); 

     deletePost: function(commentId) { 
      var DeletePost = doYouLikeMeme.url + "/" + commentId; 
      $.ajax({ 
       url: DeletePost, 
       method: "DELETE", 
       success: function(data) { 
        console.log("WE DELETED SOMETHING", data); 
        doYouLikeMeme.getPost(); 

       }, 
       error: function(err) { 
        console.error("ugh", err); 
       } 
      }) 
     }, 


    }; 

Answer 1

Wenn Ihr übergeordnetes Element html ein id-Attribut wie folgt enthält: id="something", versuchen Sie diese

$(this).parent().attr('id'); 

Wenn Ihr übergeordnetes Element html ein Datenattribut wie data-id="something" enthält .data dann verwenden ('id') wie du es in deinem Code getan hast.