Question

所以我有这个HTML例如：

<!DOCTYPE html>
<html>
<head>
</head>
<body>

 <div>how are you</div>
 <p>whatttt</p>
<div id="main">
<div id="test">
  div content
<br>
<table class="table">
  <thead> </thead>
    <tr>
       <th>
         some header
       </th>
    </tr>
    <tr>
       <td> cell </td>
    </tr>
  </table>  
</div>  
  </div>
</body>
</html>

所以，如果我想用i帧加载它，但只加载div class="main"，它将是这样的：

<iframe class="test" src="testing.html" onload="$('body>*',this.contentWindow.document).not('#main').hide();"></iframe>

如果我只想展示例如：div id="test"或table class="table" din class="main"怎样才能更深入到那个主要div中的div？

先谢谢你们！

Answer 1

试试这个，

对于div = id <= em

中id = test的div

this.contentWindow.document).not('#main #test').hide();

<iframe class="test" src="testing.html" onload="$('body>*',this.contentWindow.document).not('#main #test').hide();"></iframe>

对于div = class = main

中的class = table的div

this.contentWindow.document).not('#main .table').hide();

<iframe class="test" src="testing.html" onload="$('body>*',this.contentWindow.document).not('#main .table').hide();"></iframe>

Answer 2

我认为您无法修改iframe中的内容。您可以尝试将其加载到div中。

$('.test').load('testing.html #main');

替换

<iframe class="test"> with <div class="test">

在其中隐藏iframe div

2 个答案: