ajax 테이블 행 추가 삭제
본문
<tr><th>을 ajax를 이용해 반복해 행을 추가하는 코드인데요, 여기에서 id가 kk_0인 부분이 change 됐을경우 전에 생성했던 행들을 지우고 초기화한 후 다시 생성하고 싶습니다.
찾아봤더니 $('#titleTbody').remove(); 이런식으로 한다고 나오는데 이 코드를 추가하면 아예 행 추가가 안되더라고요. 어떻게 해야하나요?
혹시 참고할만한 사이트가 있다면 링크 부탁드립니다.
소스코드입니다.
<script>
$('input[id=kk_0]').change(function() {
var qa_id = $(this).data("qa_id");
var outHtml = "";
$.ajax({
url: "title.php",
type: "POST",
data: {
"qa_id": qa_id
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
class_id=data.Competition;
for(i=0; i<class_id.length;i++){
if(i%2==0){
$('#titleTbody').append('<tr><th scope="row" class="h">'+class_id[i]+'</th><th class="h radio_r"><input type="radio" name="check" value="'+class_id[i]+'"/></th></tr>"');
}else{
$('#titleTbody').append('<tr><th scope="row" class="even">'+class_id[i]+'</th><th class="even radio_r"><input type="radio" name="check" value="'+class_id[i]+'"/></th></tr>"');
}
}
}
});
});
</script>
답변 2
$('#titleTbody').html('');
이거 change함수 바로밑에 우선 hmtl안에냉요 싹지우면되지않을까여
$('#titleTbody tr').remove();
위처럼 해보세요.
#titleTbody의 자식부분만 삭제됩니다.
답변을 작성하시기 전에 로그인 해주세요.