iframeを使ったWebページを作った場合には、ほぼ発生しうる要件でしょう。？本日は「jQueryでiframe内から親ページの要素を操作するについてです。
こんにちは。猫ITソリューションズ広報の齊藤メイ（♀）です。本日は、「jQueryでiframe内から親ページの要素を操作する」についてです。
なお、本記事作成にあたりまして以下サイトを参考にさせていただきました。貴重な情報の提供に感謝します。
jQueryでiframe内のページから親ページを操作する方法 | BlackFlag
サンプル
上記矢次悟郎さんの記事とほとんど同じ構文のサンプルで恐縮です。第二引数としてparent.documentと指定しているのがキモです。なおサンプルでは親ウインドウのid=hogeな要素のval値を操作しています。もちろんiframe側に記述します。
|
1 |
$('#hoge',parent.document).val('huga'); |
知ってしまえばカンタンな事ですね！
それと余談ですが、矢次さん記事のmeta以下のソースはカッコイイので、弊社もリニューアルしたら何か仕込んでおこうかと思います。
