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

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

<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>

向下滚动显示“图库”的页面
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}

最佳答案

我相信这大致就是您想要的：

$(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
  }
});

希望这可以帮助！

关于javascript - 动态隐藏没有图像的照片库，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34779511/