Dev/Javascript, CSS

foreach 문 button 사용 시

Fehoon- 2018. 7. 9. 23:25



<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(){ 와 같이 호출해서 사용해주면된다.

반응형