comment / reply 한 번에 컨트롤하기(2)

저번 글에 이어서 comment / reply를 밑의 짤처럼 편집 버튼을 여러개 활성화 시키고 한참을 생각해보았다.

 

현재 상황은 마지막으로 클린한 댓글의 편집버튼이 활성화되는 상태이다.
잘 생각해보자.
내가 eidt버튼을 누르게 된다면(if) 그 때 CANCEL버튼과 SAVE버튼을 누를 수 있다.
로지컬 띵킹을 하는거야..!
그렇다면 if문 안에서 cancel 버튼과 save버튼을 조작을 해주면 되지 않을까?

지금 Edit버튼을 클릭하면(if문) 맨 밑에 캔슬버튼과 세이버버튼에 이벤트를 주었다.
그 말은 즉슨 이벤트 안에서 if문을 한 번 더 주면 Edit버튼을 누른다 -> CANCEL버튼을 누른다 -> 어떤 댓글의 CANCEL버튼인지 감지한다. -> 그 댓글의 CANCEL 기능을 수행한다!!

바로 Event 안에서 if문을 줘서 실험해보았다.
코드가 전에 EDIT버튼 함수에서 선언해줬던 코드들이랑 몇 개 겹치는 게 보이는데 내 머리로는 이게 최선인 것 같다.
코드 중복을 피할 수 있다면 다른 좋은 방법이 있을까..? 다른 분들의 해결방안이 궁금하다.

EDIT버튼을 누르고 CANCEL버튼을 누를 때 어떤 댓글인지 알 수 있게 해주었더니 이제는 여러 개 활성화 시켜도 어떤 댓글이 포커스 되는지 이제는 자바스크립트가 알고 있다.