jquery - 在 iframe 中将类切换为 HTML

Question

我正在开发一个网站，我想在该页面上的 iframe 内的 html 元素上切换一个类。我目前正在这样做

if ($('html').hasClass('flexbox')) {
  $('#flexbox').click(function () {
    $("html").toggleClass('flexbox').toggleClass('no-flexbox');
  });
}

它适用于文档 HTML，但我需要定位 iframe id="myiframe"（例如）

if ($('#myiframe html').hasClass('flexbox')) {
  $('#flexbox').click(function () {
    $("#myiframe html").toggleClass('flexbox').toggleClass('no-flexbox');
  });
}

不起作用。任何使用 contentWindow 或类似的想法将不胜感激。

更新：iframe 中的域会有所不同。

Answer 1

使用contents(). 尝试这个

 if ($("#myiframe").contents().find("html").hasClass('flexbox')) {
   .....

注意：确保 iframe 在同一个域中..

如果它在不同的域中，那么它是不可能的..相同的来源策略将限制它这样做......