javascript - 使用 jQuery 在 iframe 中选择一个元素

Question

在我们的应用程序中，我们解析网页并将其加载到 iframe 中的另一个页面。该加载页面中的所有元素都有其 token ID。我需要通过这些 token ID 选择元素。意思是 - 我点击主页上的一个元素，然后在 iframe 的页面中选择相应的元素。在 jQuery 的帮助下，我按以下方式进行操作:

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

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

谢谢。

Answer 1

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

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