点击iframe改变父元素

Question

代码结构类似于这样

<div class="iframe_div">
    <iframe class="iframe" name="iframe" src="div.html"></iframe>
    <iframe class="iframe none" name="iframe" src="http://www.sina.com"></iframe>
    <iframe class="iframe none" name="iframe" src="http://www.163.com"></iframe>
</div>

我想点击里面的iframe改变父元素“iframe_div”的相关样式，比如高宽什么的要怎么做？
谢谢

Answer 1

$("iframe").click(function(){
    $(".iframe_div").style.height="100px";
    $(".iframe_div").style.width="100px";
)

Answer 2

$("iframe").click(function(){
$(this).parent().css('height', 'xxpx');
$(this).parent().css('width', 'yypx');
});
父元素的话可以用.parent()
如果是其它元素也可以各种用选择器去选。
但我看过一本叫《编写可维护的Javascript》还是什么的书，里面有说js里面最好不要直接操作css，要改变样式可以通过class
就是说把上面的回调函数内容换成
$(this).parent().addClass('xxClass');
$(this).parent().removeClass('yyClass');
之类的
然后样式定义在css里面
.xxClass{
样式
}
反正我挺喜欢这样的也说一下你可以参考参考~(￣▽￣)~

Answer 3

在里面的iframe call window.parent

Answer 4

1楼正解