从另一个iframe中访问一个iframe的内容

时间:2015-10-13 22:07:51

标签: jquery iframe

我有这个结构:

<body>
 <iframe name="here">
 <iframe name="other">
</body>

iframe的身体&#34;其他&#34;是:

<div id="content">foo</div>

如何访问&#34;其他&#34;的内容?来自&#34;这里&#34;?

我试过这个来改变内容:

$('#other',top.document).contents().find("#content").html("bar");

但这不起作用

最后我设法在没有jquery的情况下解决了这个问题:

top.frames['other].document.getElementById("content").innerHTML="bar"

但是如何用jquery解决这个问题仍然很有趣。

2 个答案:

答案 0 :(得分:0)

'#'用于jQuery中的id,用于需要使用的名称$('[name="ElementNameHere"]').doStuff();

答案 1 :(得分:0)

有两个错误:

  • 这里的iframes标识符名称不是id
  • 使用window.top.document
  • 访问顶级文档中的实例

所以从other内访问here的正确方法是:

$('[name="other"]',window.top.document).contents().find("#content").html("foo");