[JQuery] 자식창에서 부모창으로 행 삽입, after()

자식창에서 검색후 검색결과를 부모창의 <ul><li></li></ul>구조에 삽입하려고 한다.

부모창의 베이스는 "선택하신 키워드가 없습니다."를 지우고 선택한 데이터를 표형태로 삽입하며,

행 갯수는 지속적으로 늘어날 수 있다.

  <!-- 부모창 --> <div id="insert_section"> <ul> <li>번호</li> <li>키워드</li> <li>삭제</li> </ul> <ul id="notMsg_section"> <li>선택하신 키워드가 없습니다.</li> </ul> </div> <!-- // 부모창 -->
<!-- 자식창 --> <script type="text/javascript"> <!-- $(document).ready(function() { $("#bt_insert").click(function() { // 삽입 버튼 클릭 var keyword = $("input[name='keyword']").val(); // 선택한 키워드 var htmlCode = "<ul><li>"+keyword+"</li><li><img src='a.gif' /></li></ul>"; $("#insert_section", opener.document).find("ul").eq(1).after(htmlCode); $("#notMsg_section", opener.document).hide(); }); }); //--> </script>
삭제버튼에 대한 것은 제외했다.

본 작업에서는 각 키워드에 대한 가격을 배열화하여, 부모창에서 그 값들의 합계를 보여주며

삭제버튼 또한 추가되어 각 개행된 행별로 삭제를 함과 그에 대한 합계급액 재계산코드까지 추가되었다.

반응들이 없어 별도 데모를 만들려고 했던것은 취소해야겠다...ㅡㅡ