在我们的应用程序中，我们解析一个网页并将其加载到 iframe 中的另一个页面中。该加载页面中的所有元素都有其令牌 ID。我需要通过这些令牌 ID 选择元素。意思是 - 我点击主页上的一个元素，然后在 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 不是来自您的服务器，这可能是不可能的。其他帖子讨论了权限被拒绝的错误。
当您的文档准备好时，并不意味着您的 iframe 也准备好了，
因此您应该收听 iframe 加载事件然后访问您的内容：
$(function() {
$("#my-iframe").bind("load",function(){
$(this).contents().find("[tokenid=" + token + "]").html();
});
});
如果案例是通过控制台访问 IFrame，例如 Chrome Dev Tools，那么您可以通过下拉菜单选择 DOM 请求的上下文（参见图片）。
这是一个简单的 JQuery 来做到这一点，使 div 可在仅容器中拖动：
$("#containerdiv div").draggable( {containment: "#containerdiv ", scroll: false} );