在iFrame jQuery中选择一个元素

| 在我们的应用程序中，我们解析一个网页并将其加载到iFrame中的另一个页面中。该加载页面中的所有元素都有其令牌标识。我需要通过那些tokenid -s选择元素。意思是-我单击主页上的元素，然后在iFrame中选择页面中的相应元素。在jQuery的帮助下，我通过以下方式进行操作：

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

但是，通过此功能，我只能选择当前页面中的元素，而不能选择iFrame中的元素。谁能告诉我如何在加载的iFrame中选择元素？谢谢。

已邀请:

5 个回复

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

另请注意，由于安全原因，如果此iframe的“ 2”指向其他域，则您将无法使用javascript访问此iframe的内容。

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

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

将选择器放置在find方法中。但是，如果iframe不是来自您的服务器，则可能无法实现。其他帖子谈论权限被拒绝错误。 jQuery / JavaScript：访问iframe的内容

文档准备就绪并不意味着iframe也准备就绪，因此，您应该监听iframe加载事件，然后访问您的内容：

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

如果案例是通过控制台访问iFrame，则e。 G。然后，您可以使用Chrome Dev Tools通过下拉列表选择DOM请求的上下文（参见图片）。

这是简单的JQuery来做到这一点，以使div仅可在容器中拖动：

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

要回复问题请先登录或注册