[jquery] iframe 내 객체 가져오기

관련 지식
#javascript #jquery

function getIframe(selector) {
  var obj = $(selector).get(0);
  var objDoc = obj.contentWindow || obj.contentDocument;
  return objDoc;
};
var ifrm = getIframe("#ifrm1");

위와 같이 하면 iframe 개체의 window 를 가져올 수 있습니다. 이후엔 아래처럼 사용할 수 있습니다.

var ifrm = getIframe("#ifrm1");
console.log(ifrm.$("body > div"));    //iframe 내에 JQuery가 있는 경우
console.log($(ifrm.document).find("body > div"));  //iframe 내에 JQuery가 없어서 현재 페이지의 JQuery를 이용하는 경우

물론 크로스 도메인 정책에 걸릴 경우에는 사용하지 못합니다.