Question

示例主页，例如 index.html 内容：

<iframe src="a.html" width="400" height="300" frameborder="1" id="frame"></iframe>

a.html 内容：

<html><body><form >
<div id="container"><div id="main"><div class="red_bl"><div class="red_br">
<div class="red_tl"><div class="red_tr"><div id="content">

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody id="subContent1">
<tr>another tags</tr>

<tr>
<td colspan="2" class="cell2" valign="top">
sample text
</td>
<td id="td_address" class="cell3">sample code</td>
</tr>

</tbody>
</table>


</div></div></div></div></div></div></div>
</form></body></html>

我想要改变：

<td id="td_address" class="cell3">sample code</td>

例如：

<td id="td_address" class="cell3">another text</td>

通过jQuery在 index.html 。

Answer 1

使用JQuery：

$('#frame').contents().find('td#td_address').html('another text');

Answer 2

这是因为您的document.ready并未等待iframe加载。

因此，您运行的代码将在#td_address添加到DOM之前执行。

对于此问题的各种解决方案（取决于您能够更改的内容），请查看this question的答案。

如何更改此iframe内容？

2 个答案: