2012-05-14 3 views
1

이 코드를 고려 JQUERY : 동적 AJAX와 html 요소 제거

<tr> 
<td> 
<input type="checkbox" name="20081846" value="20081846" class="chk-input"> 
</td> 
<td>20081846</td> 
<td>AGONOY, JAY TAN</td> 
</tr> 

이의 내가 (다른 데이터 세트) 테이블에 이들의 N 있다고 가정 해 봅시다. 내가 계획하고있는 것은 사용자가 입력 상자를 체크하면 사용자가 체크 된 것을 삭제하는 것이다. 나는이 JQUERY를 사용하여 이것을 가지고있다.

var del_users = function(btn,chk,url) { 
$(btn).click(function(){ 
    $(chk).each(function(){ 
     if($(this).attr('checked') == 'checked') { 
      //pass code data 
     } 
    }); 
}); 
} 

어느 것이 작동하는지, 나는 단지 데이터를 삭제하는 기능을해야한다.

내 다음 문제는 일단 데이터가 삭제되면 테이블에 표시된 행이 디스플레이에서 제거되기를 바랍니다. 전체 항목을 새로 고치는 것 외에는 선택한 "tr"요소를 선택적으로 제거하는 방법이 있습니까? 그렇지 않으면 내가 성공 콜백 제거 코드를 추가 한 것입니다, 당신은 당신의 아약스 코드를 게시하지 않았다

if($(this).attr('checked') == 'checked') { 
    //pass code data 
    var $row = $(this).closest('tr'); 
    $row.slideUp('fast',function() { 
     $row.remove(); 
    }); 
} 

:
+1

예 [.parent()] (http://api.jquery.com/parent/)와 같은 것이 있습니다. 너 뭐 해봤 니? – matthewnreid

+1

사이드 노트 : 이것은 AJAX가 아니라 JavaScript (적어도 동적 자바 스크립트)입니다. AJAX는 자바 스크립트를 사용하여 서버에 비동기 호출을 독점적으로 구현한다는 의미입니다. – sp00m

+0

@matthewnreid 아직 어떤 시도도하지 않았습니다. 부모님은 내 마음에 오지 만 목록에있는 예만 볼 수 있습니다. 그래서 나는 그것에 관해 확신하지 않는다. 아래의 제안도 좋습니다. –

답변

2
$(chk).each(function(){ 
    if($(this).prop('checked') === true) { 
     $(this).closest('tr').remove(); 
    } 
});