본문 바로가기

기록했다/개발

jQuery 에서 하위 iframe 의 element를 선택하여 컨트롤 하는 방법

간단하다.


$("#child_iframe").contents().find( selector ) 와 같이 지정하여 쓸 수 있다.


이 글을 쓰게 된 이유는 별 다름이 아니라 저렇게 선택해서 쓸 때

$("#child_iframe").contents().find('.a_btn').click(); 은 동작하지 않고,

$("#child_iframe").contents().find('.a_btn')[0].click(); 은 동작하기 때문이다.


배열로 리턴해서인지 remove, hide 등은 잘 작동하나 알 수 없는 이유로 (사실 깊게 파고들면 답이야 나오겠지만 파고들기 싫은 관계로)

click 에서는 반드시 배열의 첫번째 엘리멘트를 지정해줘야 했다.