커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
함수 질문드립니다!
undefined주차
김*준
댓글
5
・
추천
0
・
조회수
16
조회수
16
답변 완료
아까전에 수정하는 질문 드렸던 김현준 학생입니다. 세심한 답변 우선 너무 감사드립니다 ㅠㅠ
튜터님의 도움으로 버튼을 눌렀을 때 항목이 추가되는 것은 영감을 얻어서 구현했는데
<script>
function add_box() {
$("#apd1").append("<button><h3><p> B9_김병문 팀원님 메모 내용 모음 </p></h3></button>")
}
function delete_box() {
$("#apd1").remove('#apd1')
}
</script>
</head> -------------------------------------------함수------------------------------------------
<body>
<button onclick="add_box()" >
<h3><p style="color:#00c73c;"> □ 새 메모 쓰기 </p></h3>
</button> <!-- 설명 -->
<button>
<h3><p> ■ 수정 </p></h3>
</button> <!-- 설명 -->
<button onclick="delete_box()">
<h3><p> 삭제 </p></h3>
</button> <!-- 설명 -->
<button>
<h3><p> 휴지통 </p></h3>
</button> <!-- 설명 -->
<div id="apd1">
<button>
<h3><p> B9_김병문 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
<button>
<h3><p> B9_김현준 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
<br> <!-- 개행 -->
<br> <!-- 개행 -->
<button>
<h3><p> B9_성창남 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
<br> <!-- 개행 -->
<br> <!-- 개행 -->
<button>
<h3><p> B9_오민규 팀원님 메모 내용 모음 </p></h3>
이렇게 완성했습니다.
결과적으로 마지막에 있는 버튼에 새로운 버튼이 구현되게 했는데
삭제하는거 구현은 아직 어렵습니다 ㅠㅠ
- 제일마지막에 추가한거 삭제하기
- 제일마지막에 추가된거 말고, 이전것도 삭제가능하게하려면 어떤식으로 함수를 구성해야하나요?
remove함수를 써봤는데 아예 다 사라져버려서 질문드립니다!
댓글 알림
