我想使用jQuery在iframe中操纵HTML。
我想我可以通过将jQuery函数的上下文设置为iframe的文档来实现这一点，比如：
$(function(){ //document ready
$('some selector', frames['nameOfMyIframe'].document).doStuff()
});
然而，这似乎不起作用。一点检查显示，帧['nameOfMyIframe']中的变量未定义，除非等待一段时间加载iframe。然而，当iframe加载时，变量是不可访问的（我得到了拒绝权限的类型错误）。
有人知道这方面的工作吗？
当前回答
我觉得这样更干净：
var $iframe = $("#iframeID").contents();
$iframe.find('selector');
其他回答
Use
iframe.contentWindow.document
而不是
iframe.contentDocument
您需要将事件附加到iframe的onload处理程序，并在其中执行js，以便在访问iframe之前确保iframe已完成加载。
$().ready(function () {
$("#iframeID").ready(function () { //The function below executes once the iframe has finished loading
$('some selector', frames['nameOfMyIframe'].document).doStuff();
});
};
以上内容将解决“尚未加载”的问题，但关于权限，如果您在iframe中加载来自不同域的页面，则由于安全限制，您将无法访问该页面。
我觉得这样更干净：
var $iframe = $("#iframeID").contents();
$iframe.find('selector');
可以使用jQuery的.contents（）方法。
如果iframe与主页位于同一域，则.contents（）方法也可用于获取iframe的内容文档。
$(document).ready(function(){
$('#frameID').load(function(){
$('#frameID').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});
});
我最后在这里寻找的是一个没有jquery的iframe的内容，所以对于其他人来说，这就是：
document.querySelector('iframe[name=iframename]').contentDocument
