Question

我为我的画廊使用以下脚本：

<div class="photogallery">
  <div class="Spacer"></div>
  <div style="padding:10px 15px 0;">
    <div class="LuauPackages">
      <div class="GreenLrg" style=" display:inline-

block;vertical-align:top;">Gallery</div>
      <div class="arrow arrow-down"></div>
      <div class="arrow arrow-right"></div>
    </div>
    <div class="LuauPackCont">
      <asp:Literal id="litPhotos" Runat="server"></asp:Literal>
    </div>
  </div>
</div>

向下滚动显示＆＃34;图库＆＃34; https://www.hawaiidiscount.com/oahu/luaus/hilton-waikiki-starlight.htm

由于这是一个动态生成的脚本，因此它会显示在所有页面上，包括那些没有图库的页面，例如 - https://www.hawaiidiscount.com/activities/oahu/surfing/north-shore-tour.htm

我的问题是如何为所有没有图库的网页动态设置.photogallery {display：none}？

所有带画廊的页面都有一个常见的事情就是每张照片的类名 - bottomphotos，因此可以编写一个脚本，说明如果你没有在页面上找到名为bottomphotos的类，请制作.photogallery {display：none}

Answer 1

我相信这大致是你想要的：

$(function() {
  // Handler for .ready() called.
  if($('.bottomphotos').length === 0) { // if you cannot find any elements with class name of bottomphotos
    $('.photogallery').hide(); // then hide the photogallery element
  }
});

希望这有帮助！

动态隐藏没有图像的照片库

1 个答案: