javascript - 如何将 jQuery 函数应用于 iframe 中的子页面？

Question

这是一个脑筋急转弯:

我在一个窗口中有一个 iframe，还有一个链接到它的导航栏:

<div class="nav">
<a href="link.html" target="iframe-content" id='debug">#Debug<a>
</div>

<iframe name="iframe-content" src="page.html"></iframe>

然后我得到了一个简单的 jQuery 函数，用于在单击导航中的链接时插入一个类。

$(window).load(function() {
    $("#debug").click(function() {
        $('body').toggleClass("debug");
    });
});

现在我的问题是如何让切换类应用于内联框架 (page.html) 而不是父页面？

Answer 1

改变

$('body').toggleClass("debug");

到

$('#debug').contents().find('body').toggleClass("debug");

查看 jQuery documentation for .contents()