기본 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') 코드에서 수행 한대로.