back

  • person_pin
  • calendar_today
  • remove_red_eye

[jquery/iframe] jquery > iframe 내에 접근하기

페이지 정보

작성자 webpaper 댓글 0건 조회 10,774회 작성일 19-02-20 09:39

본문


jquery로 iframe 내에 접근하기  


<div id="frameBox">
     <iframe id="ifrm"></iframe>
</div>


// iframe 내의 콘텐츠로 접근
$('#ifrm').contents();
 
// iframe 내의 콘텐츠 class 또는 id 로 selector 
$('#ifrm').contents().find('.class');
$('#ifrm').contents().find('#id');


 


이중 iframe의 경우 


<div class="frameBox">
   <iframe id="ifrm1">
      <iframe id="ifrm2"></iframe>
    
</div>

 

var iframeInner = $('#ifrm1').find('#ifrm2').contents();
var iframeContent = $(iframeInner).contents().find('.class');
// $(iframeInner).contents().find('#id');


이런 방법으로 접근가능합니다.