javascript - 使用 jquery 设置内部 iframe 内 div 的宽度 *无需* iframe 上有 id

Question

我有以下代码:

<iframe>
  <div id="inner_div">
    Here's some text!
  </div>
</iframe>

我知道如果我在 iframe 上有一个 id，我可以按照以下步骤操作 here获得“#inner_div”的访问器，我可以从那里设置高度/宽度。

我也知道我可以使用标签选择器，如here所述如果我没有家长 ID。

但是第二种方法的问题是当我调用

$('iframe')[0]

在我的代码中，它返回一个 HTMLIFrameElement，它不是 jQuery 对象(因此我不能在其上使用 .find 或任何其他 jQuery 魔法)。我还尝试将其包装在文本中并将其传递给 jQuery 对象以将其重新解析为 DOM 元素，但这也不起作用。

那么有没有办法让 jQuery 在 iF​​rame 内部运行呢？

Answer 1

$($('iframe')[0])

会将您的第一个 iframe 转换为 jQuery 对象。

一个更像 jQuery 的解决方案是

$('iframe').first()

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