在我们的应用程序中,我们解析一个网页并将其加载到iframe中的另一个页面中。加载的页面中的所有元素都有它们的令牌ID。我需要通过这些令牌I选择元素。意思是-我点击主页上的一个元素,然后在iframe中选择页面中的相应元素。在jQuery的帮助下,我采用了以下方式:
function selectElement(token) {
$('[tokenid=' + token + ']').addClass('border');
}
但是,使用此函数,我只能选择当前页面中的元素,而不能选择iFrame中的元素。谁能告诉我如何选择加载的iFrame中的元素?
谢谢。
发布于 2011-06-12 00:07:06
var iframe = $('iframe'); // or some other selector to get the iframe
$('[tokenid=' + token + ']', iframe.contents()).addClass('border');
还要注意,如果此iframe的src
指向不同的域,由于安全原因,您将无法在javascript中访问此iframe的内容。
发布于 2011-06-12 00:18:03
看看这篇文章:http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html
$("#iframeID").contents().find("[tokenid=" + token + "]").html();
将选择器放在find方法中。
但是,如果iframe不是来自您的服务器,这可能是不可能的。其他帖子谈到了权限被拒绝的错误。
发布于 2013-06-15 06:53:17
当你的文档准备好了,并不意味着你的iframe也准备好了,
所以你应该监听iframe load事件,然后访问你的内容:
$(function() {
$("#my-iframe").bind("load",function(){
$(this).contents().find("[tokenid=" + token + "]").html();
});
});
https://stackoverflow.com/questions/6316979
复制相似问题