概要

<frame>の中に配置された要素をjQueryで取得したい、という場面を考えます。

説明

下記のようなHTMLファイルがあり、id="catchme"のdiv要素のテキストをjQueryで書き換えます。jQueryのスクリプトはparent.htmlで取り込まれています。

parent.html(抜粋)

<frameset attr="略">
  <frame id="f0" src="f0.html"></frame>
  <frame id="f1" src="f1.html"></frame>
</frameset>

f1.html


<html>
  <body>
    <div id="catchme">hello</div>
  </body>
</html>

$()の第2引数にbodyを渡してやることによって取得できます。

// NG
$('#catchme').text('Good night');

// OK
$('#catchme', top.frames[1].document.body).text('Good night');