이 코드를 고려 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();
});
}
:
예 [.parent()] (http://api.jquery.com/parent/)와 같은 것이 있습니다. 너 뭐 해봤 니? – matthewnreid
사이드 노트 : 이것은 AJAX가 아니라 JavaScript (적어도 동적 자바 스크립트)입니다. AJAX는 자바 스크립트를 사용하여 서버에 비동기 호출을 독점적으로 구현한다는 의미입니다. – sp00m
@matthewnreid 아직 어떤 시도도하지 않았습니다. 부모님은 내 마음에 오지 만 목록에있는 예만 볼 수 있습니다. 그래서 나는 그것에 관해 확신하지 않는다. 아래의 제안도 좋습니다. –