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 位于同一域中..

如果它在不同的域中，那么它是不可能的..same origin policy将限制它这样做...