jquery 동적생성 질문입니다
본문
<div class="order_list"></div>
버튼 클릭시 od_id를 받아
jquery로 json방식으로해서
주문표를 동적생성을 하였습니다
$('.order_list).append(contents); // 동적추가
닫기버튼을 누른뒤, 다시 버튼을 클릭하면 이전에 동적생성한 것이 남아있어서
닫기버튼 함수에
$('.order_list').empty();
요것을추가하였더니
처음엔 동적생성이 되다가, 닫기버튼 누른뒤, 다시 버튼을 누르면
상단에 있는 <div class="order_list"></div> 가 없어져버리네요..
다른방법없을까요?
답변 2
생각해보니까 일단 테이블안에 내용이 thead랑 tbody가 있어야되구요
닫기 버튼 클릭하면 $('테이블이름 > tbody > tr').empty(); 이렇게 넣구요
닫기 버튼 이벤트로 닫아주시면 되요 예를들어서 hide()로 하면되구요 팝업레이어 따로 쓰는 플러그인 있으면 그걸로 하시면되구요 테이블은 대충 밑에처럼 해두면 되요 tbody 사이에는 json 받아와서 뿌려주시면되구요
테이블 생성할때는 tbody 사이에 생성해야되요 그니까 선택자를 tbody까지 해주시면되요
<table id="tbl">
<thead>
<tr>
<th>Id</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
닫기 버튼 누르면 remove로 해서 없애면되지 않아요? empty는 비우는건데
답변을 작성하시기 전에 로그인 해주세요.
