在iFrame jQuery中选择元素

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

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

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

谢谢。

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

另请注意src，由于安全原因，如果此iframe的指向其他域，则您将无法使用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();
    });
});

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

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

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