试图在iframe中选择元素

时间:2014-02-20 11:29:29

标签: javascript jquery html css iframe

我想在我的页面中选择所有DIV,包括其子iframe。

我在这里有两个DIV但是每当我尝试选择它们时它只抓住外面的那个。

<html>
    <head></head>
    <body>
    <div class='xx'>blah</div>

    <iframe id='x'>
        <html>
            <head></head>
            <body>
                <div class='xx'>blah2</div>
            </body>
        </html>        
    </iframe>
    </body>
</html>   

我有什么方法可以让两个DIV回来吗?

var a = $('.xx');

alert(a.length); //only gives me 1 :(

我的小提琴在这里:

http://jsfiddle.net/7kvFw/

1 个答案:

答案 0 :(得分:2)

只有一次通话,这根本不可能。 iframe是另一个文档,因此无法直接访问。你需要分别搜索所有帧。

顺便说一句,你的例子无效。 iframe只是对另一个文档的引用,您无法将内容放在同一个html文档中。如果你只关心一个带有滚动内部选项的“盒子”,只需添加另一个带有ablity的div来滚动。这也可以让您一次获得所有.xx个元素。

另见this fiddle