在div中访问嵌套的iFrame

Question

我正在尝试使用jQuery访问iframe内没有id或class属性的div。

目前这是源代码的样子。

<div id="cont">
    <iframe src="#" style="border: none; width: 500px; height: 196px; overflow: hidden" 
frameborder="0"></iframe>
</div>

我想更改width的{​​{1}}和height，我认为我需要做这样的事情iframe。我只是不知道如何查找setAttribute("height", "2000");，因为它上面没有iframe或id。

Answer 1

鉴于你知道iframe的父母的ID，选择它应该是微不足道的：

$('#cont > iframe')

然后你可以设置它的高度：

$('#cont > iframe').height(2000);

Answer 2

var $iframe = $("#cont iframe");

然后用它做任何你想做的事^ _ ^。

---

或者你甚至可以这样做：

var $iframe = $("iframe", "#cont");

---

总而言之，你最终可以做到这一点：

$iframe.height(2000);