在iFrame jQuery中select一个元素

在我们的应用程序中，我们parsing一个网页并将其加载到iFrame中的另一个页面中。 该加载的页面中的所有元素都有它们的tokenid-s。 我需要通过那些tokenid-s来select元素。 手段 – 我点击主页上的一个元素，并在页面中select相应的元素在iFrame中。 在jQuery的帮助下，我按照以下的方式来做：

function selectElement(token) { $('[tokenid=' + token + ']').addClass('border'); } 

但是，使用这个function，我只能select当前页面中的元素，而不是在iFrame中。 任何人都可以告诉我如何select加载的iFrame中的元素？

谢谢。

Answer 1

 var iframe = $('iframe'); // or some other selector to get the iframe $('[tokenid=' + token + ']', iframe.contents()).addClass('border'); 

另外请注意，如果此iframe的src指向不同的域，由于安全原因，您将无法访问javascript中的此iframe的内容。

Answer 2

看看这个post： http : //praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

 $("#iframeID").contents().find("[tokenid=" + token + "]").html(); 

将select器放在find方法中。

如果iframe不是来自您的服务器，这可能不可能。 其他职位谈论权限被拒绝的错误。

jQuery / JavaScript：访问一个iframe的内容

Answer 3

当你的文档准备好了，并不意味着你的iframe也准备好了，
所以你应该听取iframe加载事件，然后访问你的内容：

 $(function() { $("#my-iframe").bind("load",function(){ $(this).contents().find("[tokenid=" + token + "]").html(); }); }); 

Answer 4

这里是简单的jQuery来做到这一点，使div只能在容器中拖动：

 $("#containerdiv div").draggable( {containment: "#containerdiv ", scroll: false} );