javascript - 如果显示 = 无，则删除类

Question

如何根据CSS显示的条件添加和删除类。例如，我有一些可以隐藏和显示的 Div。我想要的是，如果 div 使用 display:none; 隐藏，则 div 的类被删除。

但是如果 div 是用 display:block; 显示的，我想给 div 添加一个类。

这是我一直在尝试的:

  $(document).ready(function(){
       if($('.bigPicture').css('display') == 'block')
            {$('.bigPicture').find('div').addClass('easyzoom easyzoom--overlay');};

       if($('.bigPicture').css('display') == 'none')
            {$('.bigPicture').find('div').removeClass('easyzoom easyzoom--overlay');}
  });

---

---

---

解释

我在一个页面上有多个幻灯片。并非所有幻灯片都将显示在页面中，其中一个只有在单击该幻灯片的链接时才会显示。它与自动隐藏和显示功能相同。如果显示一个幻灯片，则隐藏其他幻灯片。

每个幻灯片都有自己的缩略图来控制它们。

问题是所有幻灯片都没有 ID 并且具有相同的类，而所有幻灯片都使用相同的脚本运行。

如果我单击第二张幻灯片中的缩略图，幻灯片不会移动。我意识到它只放第一张幻灯片。

所以，解决方案是我必须删除幻灯片的类。

Answer 1

Try可见:

$(document).ready(function(){
    if($('.bigPicture').is(':visible')){
        $('.bigPicture').find('div').addClass('easyzoom easyzoom--overlay');
    } else {
        $('.bigPicture').find('div').removeClass('easyzoom');
    }
});