[jQuery] 댓글 수정 함수 구현하기

| jQuery 함수 구현

 

| 수정 버튼 누르기 전

 

| 수정 버튼 누른 후

댓글 내용 부분이 <textarea> 로 바뀌고

버튼 내용이 '완료', '취소' 로 변경된다

 

| 코드

 

	<!-- jQuery CDN -->
	<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
		function answerEdit(answer_idx, awriter, acontent, qna_idx){
			$('#acontent'+answer_idx).html(
				"<textarea id='edit_acontent"+answer_idx+"'>"+acontent+"</textarea>"
				+"<style>#edit_acontent"+answer_idx+"{width:740px; height:80px; resize:none;} </style>"
			);
			
			$('#abt'+answer_idx).html(
				"<a onclick='answerEditSave("+answer_idx+","+qna_idx+")' id='btnEdit'>완료</a> "
				+"<a onclick='location.href='qnaDetail.do?idx="+qna_idx+"' id='btnCancel'>취소</a>"
			);
		}

		function answerEditSave(answer_idx, qna_idx){
			var acontent = $("#edit_acontent"+answer_idx).val();
			location.href='answerEdit.do?idx='+answer_idx+"&acontent="+acontent;
		}
	</script>