javascript - 点击iframe改变父元素-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 点击iframe改变父元素

PHPz 2017-04-10 14:32:39

[JavaScript讨论组]

722

代码结构类似于这样


<p class="iframe_p">
    <iframe class="iframe" name="iframe" src="p.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>
</p>

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

PHPz

学习是最好的投资！

全部回复(4)

ringa_lee2017-04-10 14:34:39 4楼

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

赞 +0

添加回复

迷茫2017-04-10 14:34:39 3楼

$("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{
样式
}
反正我挺喜欢这样的也说一下你可以参考参考~(￣▽￣)~