使用jquery設置內部iframe內div的寬度，而iframe上沒有ID

Question

我有以下代碼：

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

我知道，如果我在iframe上有一個ID，則可以按照此處的步驟操作，以獲取“ #inner_div”的訪問器，並且可以從此處設置高度/寬度。

我也知道，如果沒有父ID，我可以使用此處所述的標簽選擇器。

但是第二種方法的問題是當我打電話時

$('iframe')[0]

在我的代碼中，它返回一個HTMLIFrameElement，它不是jQuery對象（因此我不能在其上使用.find或任何其他jQuery魔術）。 我也嘗試過將其包裝在文本中並將其傳遞給jQuery對象，以將其重新解析為DOM元素，但這也不起作用。

因此，有什么方法可以讓jQuery優勢在iFrame的內部運行嗎？

Answer 1

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

會將您的第一個iframe變成jQuery對象。

一個更像jQuery的解決方案是

$('iframe').first()

您應該注意（除非您的iFrame從同一域中加載內容），您很可能會遇到跨域策略問題（簡而言之，這意味着您將無法訪問iFrame的內容）。

Answer 2

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