-
위처럼 삭제를 누르면 ajax 성공하고, done이 실행돼 console에 메세지가 뜹니다. 물론 db값도 잘 삭제되구요. 그런데 (e)=>{} 를 function(e){}로 고쳐봐도
$(this).parent('tr').fadeOut()이 작동하지 않습니다.
addEventListner 대신 제이쿼리 click문을 사용해도 그렇습니다. 어떻게 하면 고칠 수 있을까요
<blockquote>delBtn.addEventListener("click",function(e){
$.ajax({
method : 'DELETE',
url : '/delete',
data : { _id: e.target.dataset.id }
}).done(function(result){
console.log(result.msg)
console.log($(this).parent('tr').fadeOut())
$(this).parent('tr').fadeOut();
}).fail(function(xhr, textStatus, errorThrown ){
console.log(xhr, textStatus, errorThrown);
})
});</blockquote>
<blockquote>$('.delBtn').click(function(e){
$.ajax({
method : 'DELETE',
url : '/delete',
data : { _id: e.target.dataset.id }
}).done(function(result){
console.log(result.msg)
$(this).parent('tr').fadeOut();}).fail(function(xhr, textStatus, errorThrown ){
console.log(xhr, textStatus, errorThrown);
})})
</blockquote>
아래는 제 리스트 코드입니다.
<blockquote><% for(var i= 0; i< data.length; i++){ %>
<tr>
<th scope="row"><%= data[i].name %></th>
<td><%= data[i].pw %></td>
<td><%= data[i].email %></td>
<td>
<button type="button" class="delBtn" data-id="<%= data[i]._id %>">삭제</button>
</td>
</tr>
<% }%></blockquote>
- 답변은 로그인 후 가능합니다.