jQueryでiframe間のDOM操作をすることがあったので方法をまとめました。

iframe側の要素を取得するには

$('iframe').contents().find('hoge')…

contents()でその要素の中身をテキストなども含め全て取得してくれます。 そこからお目当ての要素を.find()で取得することで操作ができます。

iframe側から親のコンテンツの要素を取得するには

$('hoge', parent.dosument)…

これはiframe側のスクリプトに記載する必要があります。

同一ドメインであることが条件です。