2026, 새로운 도약을 시작합니다.

ajax 테이블 행 추가 삭제 채택완료

<tr><th>을 ajax를 이용해 반복해 행을 추가하는 코드인데요, 여기에서 id가 kk_0인 부분이 change 됐을경우 전에 생성했던 행들을 지우고 초기화한 후 다시 생성하고 싶습니다.

찾아봤더니 $('#titleTbody').remove();  이런식으로 한다고 나오는데 이 코드를 추가하면 아예 행 추가가 안되더라고요. 어떻게 해야하나요?

혹시 참고할만한 사이트가 있다면 링크 부탁드립니다.

소스코드입니다.

Copy




   $('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

답변 2개

채택된 답변
+20 포인트
$('#titleTbody').html('');

이거 change함수 바로밑에 우선 hmtl안에냉요 싹지우면되지않을까여

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy


$('#titleTbody tr').remove();

위처럼 해보세요.

#titleTbody의 자식부분만 삭제됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고