내 HTML 태그 주위에 태그를 작성하십시오.

Question

jquery에서 플러그인을 만들고 싶습니다.

이 내 HTML 코드입니다 :

<div class="popup"> 
    <div class="bc_top"> 
    <div class="bc_tl"></div> 
    <div class="bc_tm"></div> 
    <div class="bc_tr"></div> 
    </div> 
    <div class="bc_middle"> 
    <div class="bc_ml"> 
     <div class="bc_mr"> 
     <div class="bc_cnt"> 




     </div> 
     </div> 
    </div> 
    </div> 
    <div class="bc_bottom"> 
    <div class="bc_bl"></div> 
    <div class="bc_bm"></div> 
    <div class="bc_br"></div> 
    </div> 
</div> 

내 태그 주위의 코드 위에 삽입하려면, 내 태그 HTML 콘텐츠 div.bc_cnt에 삽입해야한다, 그래서 jQuery를 플러그인 쓰기 :

$.fn.popup = function() { 
    $(this).before('<div class="popup">\ 
         <div class="bc_top">\ 
         <div class="bc_tl"></div>\ 
         <div class="bc_tm"></div>\ 
         <div class="bc_tr"></div>\ 
         </div>\ 
         <div class="bc_middle">\ 
         <div class="bc_ml">\ 
          <div class="bc_mr">\ 
          <div class="bc_cnt">'+$(this).html()+'</div>\ 
          </div>\ 
         </div>\ 
         </div>\ 
         <div class="bc_bottom">\ 
         <div class="bc_bl"></div>\ 
         <div class="bc_bm"></div>\ 
         <div class="bc_br"></div>\ 
         </div>\ 
        </div>'); 

} 

와 나는 같이 사용

<scritp> 
    $('div#pop').popup(); 
</script> 


    <div id="pop"> 
     this is a test 
    </div> 

모든 확인하지만 SELECTE의 코드를 삽입에만 HTML 콘텐츠 d 태그를 $ (this) .html()으로 팝업하려면 내 팝업에 전체 태그를 삽입하고 싶습니다. (<div id="pop">this is a test</div>)

어떻게해야합니까?

피셔 : 내 나쁜 영어로 죄송합니다. 당신의 오리지널 요소를 복제 임시 DIV에 추가하고 사업부의 HTML을 얻을 수

Answer 1

당신은 $로 시도해야

Answer 2

(이)는 .text(). 원본을 제거 할 경우 $(this).remove()