0

だから私は例えばこの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"

よろしくお願いします！

4

2 に答える 2

1

これを試して、

id = div id=main内でテストする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 id=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>
于 2012-09-22T09:25:12.063 に答える
0

iframe 内のコンテンツを変更することはできないと思います。代わりに div にロードしてみてください。

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

交換

<iframe class="test"> with <div class="test">
于 2012-09-22T09:33:43.653 に答える