<c:forEach items="${rep_list}" var="ReplyVO">
<tr class="r_${ReplyVO.r_num}">
<td class="rep_writer"><hr>${ReplyVO.r_writer}
<c:if test="${ReplyVO.r_writer eq login.nicname}">
<button value="${ReplyVO.r_num}" id="rep_modify${ReplyVO.r_num}"
. . .
생략
jquery 부분
$("button[id^='rep_delete']").on('click',function(){
foreach 문에서 같은 id로 button을 만들경우 단 한개의 button만 동작하고 나머지는 동작하지 않는 문제가 발생한다 따라서 위와같이 버튼아이디마다 번호를 부여해서 id명이 다르게 한 뒤
jquery 부분에서는 $("button[id^='rep_delete']").on('click',function(){ 와 같이 호출해서 사용해주면된다.
반응형
'Dev > Javascript, CSS' 카테고리의 다른 글
미디어 쿼리(Media Query) 반응형 웹 (0) | 2018.08.02 |
---|---|
jquery deferred promise 예제 (0) | 2018.07.24 |
자바스크립트 비동기 처리/콜백 함수 , promise (0) | 2018.07.24 |
:nth-child 행별로 css 적용하기 (0) | 2018.07.13 |
AJAX Method Put 사용시 데이터 전송 (0) | 2018.07.05 |
FireFox, Safari 및 Chrome으로 클립 보드에 텍스트 복사 / 붙여 넣기 (0) | 2018.06.29 |
모바일에서 input, textarea 클릭 시 화면 확대, 포커싱 맞춰지는 현상 방지, 막기 (0) | 2018.06.27 |
HTML 주석 처리 방법 (0) | 2017.10.27 |