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

这里有一个脑筋急转弯：

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

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

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

现在我的问题是如何让toggleclass应用于内联框架（page.html）而不是父页面？

更改

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

到

查看

使用

从文档中：

如果iframe与主页位于同一域中，则还可以使用

.contents（）

方法获取iframe的内容文档

---

谢谢，如果链接在iframe内，我想这会起作用？我用这个方法“阻止了原点为“null”的帧访问原点为“null”的帧”？

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

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

var $iframe = $('iframe[name="iframe-content"]').contents();
$iframe.find('#debug').click(function(){
    $iframe.find('body').toggleClass('debug');
});