首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery在iframe中选择元素

使用jQuery在iframe中选择元素
EN

Stack Overflow用户
提问于 2011-06-12 00:05:32
回答 5查看 231.9K关注 0票数 137

在我们的应用程序中,我们解析一个网页并将其加载到iframe中的另一个页面中。加载的页面中的所有元素都有它们的令牌ID。我需要通过这些令牌I选择元素。意思是-我点击主页上的一个元素,然后在iframe中选择页面中的相应元素。在jQuery的帮助下,我采用了以下方式:

代码语言:javascript
复制
function selectElement(token) {
     $('[tokenid=' + token + ']').addClass('border'); 
}

但是,使用此函数,我只能选择当前页面中的元素,而不能选择iFrame中的元素。谁能告诉我如何选择加载的iFrame中的元素?

谢谢。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-06-12 00:07:06

代码语言:javascript
复制
var iframe = $('iframe'); // or some other selector to get the iframe
$('[tokenid=' + token + ']', iframe.contents()).addClass('border');

还要注意,如果此iframe的src指向不同的域,由于安全原因,您将无法在javascript中访问此iframe的内容。

票数 175
EN

Stack Overflow用户

发布于 2011-06-12 00:18:03

看看这篇文章:http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

代码语言:javascript
复制
$("#iframeID").contents().find("[tokenid=" + token + "]").html();

将选择器放在find方法中。

但是,如果iframe不是来自您的服务器,这可能是不可能的。其他帖子谈到了权限被拒绝的错误。

jQuery/JavaScript: accessing contents of an iframe

票数 55
EN

Stack Overflow用户

发布于 2013-06-15 06:53:17

当你的文档准备好了,并不意味着你的iframe也准备好了,

所以你应该监听iframe load事件,然后访问你的内容:

代码语言:javascript
复制
$(function() {
    $("#my-iframe").bind("load",function(){
        $(this).contents().find("[tokenid=" + token + "]").html();
    });
});
票数 23
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6316979

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档