我试图弄清楚如何选择然后修改 HTMLiframe
我生成。 iframe 显示各种媒体(图像、pdf 等)。为了显示不同的项目,我最初使用如下方式创建它:
$('#mydiv').html("<iframe id='myiframe' src='path/file.jpg'></iframe>");
然后,根据需要,使用如下内容更新其内容:
$('#myiframe').attr("src","path/newfile.jpg");
这会生成如下 HTML(如通过 Chrome 的元素查看器看到的):
<div id='mydiv'>
<iframe id='myiframe' src='path/file.jpg'>
#document
<html>
<body style="margin:0">
<img style="-webkit-user-select:none" src="path/file.jpg">
</body>
</html>
</iframe>
</div>
我想选择动态生成的<img>
标签,以便我可以调整其宽度。但我无法弄清楚 jquery 选择器来做到这一点。有想法吗?
使用 jQuerycontents http://api.jquery.com/contents/方法。该文档甚至有一个名为“更改 iframe 内链接的背景颜色”的示例。
获取匹配元素集中每个元素的子元素,
包括文本和注释节点。
应用于您的代码:
var images = $('#myiframe').contents().find('img');
真正的问题是为什么首先需要 iframe?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)