Javascript 使用jquery*设置内部iframe中div的宽度,而在iframe上没有id

Javascript 使用jquery*设置内部iframe中div的宽度,而在iframe上没有id,javascript,jquery,iframe,Javascript,Jquery,Iframe,我有以下代码: <iframe> <div id="inner_div"> Here's some text! </div> </iframe> 在我的代码中,它返回一个HTMLIFrameElement,它不是jQuery对象(因此我不能在它上面使用.find或任何其他jQuery魔法)。我还尝试将其包装为文本并将其传递给jQuery对象,以将其作为DOM元素重新解析,但这也不起作用 那么,还有什么方法可以让jquerygood

我有以下代码:

<iframe>
  <div id="inner_div">
    Here's some text!
  </div>
</iframe>
在我的代码中,它返回一个HTMLIFrameElement,它不是jQuery对象(因此我不能在它上面使用.find或任何其他jQuery魔法)。我还尝试将其包装为文本并将其传递给jQuery对象,以将其作为DOM元素重新解析,但这也不起作用

那么,还有什么方法可以让jquerygoodness在iFrame内部运行呢

$($('iframe')[0])
将第一个iframe转换为jQuery对象

一个更像jQuery的解决方案是

$('iframe').first()
您应该注意(除非您的iFrame从同一域加载内容),否则很可能会遇到跨域策略问题(简而言之,这意味着您将无法访问iFrame的内容)

将第一个iframe转换为jQuery对象

一个更像jQuery的解决方案是

$('iframe').first()
您应该注意(除非您的iFrame从同一域加载内容),否则很可能会遇到跨域策略问题(简而言之,这意味着您将无法访问iFrame的内容)

$($('iframe')[0]).contents().find('#inner_div').css("width", "some_value");