基本CRUDアプリケーションで削除が機能しない

Question

ユーザーからコメントを削除しようとしていますが、CRUDが機能していない理由を理解することができません。私のconsole.log（ "ID"、commentId）が未定義のIDを返すので、私はほぼ$（this）の.parent（）。data（ 'id'）です。

  // 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

あなたの親要素のHTMLは次のようにid属性が含まれている場合：あなたの親要素のHTMLがdata-id="something"などのデータ属性は、その後.DATAを使用して含まれている場合id="something"を、この

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

を試してみてください（ 'ID'）あなたのコードでやったように。