jquery 동적생성 질문입니다

jquery 동적생성 질문입니다

QA

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>
답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT