댓글 실시간 삭제 예제

function anserDel(no){

  $.ajax({

url:"<c:url value='/community/bbsfree/bbsfreeanserdelete.do?' />",  

type:"post",

data: "no="+no,

dataType:"json",

success:fnSucArr,

error:function(data){console("에러:"+data);}

});  

 

  function fnSucArr(data){

  $("#anser_" + data.anserNo).remove(); 

  }

}   

 remove() 가 핵심임

<div class="commentViewWrap">

<c:if test="${not empty mainBbsFreeAnserSelectList }">

<c:forEach items="${mainBbsFreeAnserSelectList }" var="list" varStatus="loop"  >

<div class="inner" id="anser_${list.no }">

<img src="/images/sub/sample1.png" alt="" class="photo" />

<div>

<p>

<strong>${list.bbs_insertid }</strong>${list.bbs_insertdate }

</p>

${list.bbs_cont }

<p align="center" >

<button onclick="anserDel(${list.no })">삭제</button>  

</p>

</div>

</div>

</c:forEach>

</c:if>

</div>