iframe içindeki bir class kontrol edip varsa ana şablondaki bir özelliği iptal etme

<html>
<head><title>Örnek</title></head>
<body>
   <header><div id="menu"><a href="/anasayfa">Anasayfa</a></div></header>
<iframe id="iframeId" class="embed-responsive-item" src="http://www.sitemiz.com" frameborder="0" height="100%" width="100%">
      #document
           <html lang="tr"><!--begin::Head--><head>
            ....
            .....
            .....
        </head>
        <body id="kt_body" class="[B]bg-body[/B]">
            .........
       </body>
      </html>
</iframe>
</body>
</html>

<html>
<head>
  <title>Örnek</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <header>
    <div id="menu"><a href="/anasayfa">Anasayfa</a></div>
  </header>
  <iframe id="iframeId" class="embed-responsive-item" src="http://www.sitemiz.com" frameborder="0" height="100%" width="100%">
    #document
    <html lang="tr">
      <head>
        <!-- iframe içeriği head -->
      </head>
      <body id="kt_body" class="bg-body">
        <!-- iframe içeriği body -->
      </body>
    </html>
  </iframe>

  <script>
    $(document).ready(function() {
      // iframe içeriğini seç
      var iframe = $('#iframeId')[0].contentDocument;

      // iframe içerisindeki class'ı kontrol et
      var iframeBody = $(iframe).find('body');
      if (iframeBody.hasClass('bg-body')) {
        // class varsa, menüyü gizle
        $('#menu').hide();
      } else {
        // class yoksa, menüyü göster
        $('#menu').show();
      }
    });
  </script>
</body>
</html>