0

示例主页例如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 中。

4

2 回答 2

1

这是因为您document.ready不等待iframe加载。

因此，之前执行的代码#td_address被添加到 DOM 中。

对于这个问题的各种解决方案（取决于你能改变什么），看看这个问题的答案。

于 2013-11-06T02:12:34.433 回答
1

使用 JQuery：

$('#frame').contents().find('td#td_address').html('another text');
于 2013-11-05T23:53:59.727 回答