在iframe中将类切换为HTML

时间:2013-05-20 12:20:51

标签: jquery iframe addclass toggleclass

我正在开发一个网站,我希望在该页面上的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中的域名将有所不同。

1 个答案:

答案 0 :(得分:1)

使用contents()。 试试这个

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

注意:确保iframe位于同一个域中。

如果它位于不同的域中则不可能.. same origin policy将重新生成它...