使用jquery从父页面访问子IFrame中的元素

Question

使用jquery从父页面访问子IFrame中的元素

我试图使用以下代码从父文档访问iframe中的文档元素,但由于某种原因无法使其工作.

Parent.html:

<!DOCTYPE html>
<html>
    <head>
        <title>Parent</title>
        <script src='http://code.jquery.com/jquery-latest.min.js'> 
        </script>
    </head>
    <body>
        <iframe  id="iframe1" src="iframe.html">
        </iframe>
        <script type='text/javascript'> 

            $('#iframe1').ready(function()
            {
            console.log($('#iframe1').contents().find("#testDiv").html());
            });
        </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

IFrame.html:

<!DOCTYPE html>
<html>
    <head>
        <title>Iframe</title>
    </head>
    <body>
        <div id="testDiv">
            Works!
        </div>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我在控制台日志中获取的所有内容都是'undefined'而不是'Works!'.我究竟做错了什么？

提前致谢.

Answer 1

Mus*_*usa 6

尝试使用load而不是ready.

$('#iframe1').load(function(){
    console.log($('#iframe1').contents().find("#testDiv").html());
});

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，5 月前
查看次数：	18768 次
最近记录：	12 年，5 月前