微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用jquery在iframe中选择标签?

我试图找出如何选择,然后修改生成的iframe中的 HTML. 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选择器来做到这一点.想法?

解决方法

使用jQuerys contents方法.文档甚至有一个标题为“更改iframe内部链接的背景颜色”的示例.

Get the children of each element in the set of matched elements,
including text and comment nodes.

适用于您的代码

var images = $('#myiframe').contents().find('img');

真正的问题是为什么你首先需要iframe?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐