Javascript 在jquery/js中，通过改变carousel中的幻灯片来添加和删除特定div中的类

我正在使用slick slider，我想在一个div中添加/删除“active”，该div位于slick slider代码之外（页面中的其他地方）。例如：我有这个滑块代码

<div class="slider">
    <div class="showcase-1"><img src="img/1.jpg" alt="" /></div>
    <div class="showcase-2"><img src="img/2.jpg" alt="" /></div>
    <div class="showcase-3"><img src="img/3.jpg" alt="" /></div>
</div>

所有幻灯片都有“滑溜活跃”课程。现在，所有幻灯片都被激活，但只有当前幻灯片获得“slick Slice slick current slick active”类

如果您使用最新版本的Slick，您将获得此改进，而不必编写自己的

---

并检查它们，您将看到这些更有用、更新的课程。

我想您可能不理解我的问题。实际上，我想将类添加到一个未与slick slider链接的div中。当一张幻灯片处于活动状态时，应将一个类添加到一个div（页面中的任何div）中，并在更改幻灯片时删除该类。是否向滑块添加缩略图？否。这是一个简单的幻灯片放映。滑块上方有3个div块。我想要的是将这些块链接到幻灯片。块的背景色应随幻灯片的变化而变化。这就是为什么我想随着幻灯片的变化在这些块中添加和删除类。这就是滑块缩略图的作用。：）发现了一些变体：和。接近你要找的？老实说，我不明白：D缩略图意味着图像。但我在这些块中有文本，它与滑块容器完全分离。

<div class="showcase"></div>
<div class="showcase"></div>
<div class="showcase"></div>

$(function() {
 if ($(".slider .showcase-1").hasClass("slick-current")) {
     $("div.showcase-1").addClass('active');
 } else {
     $('div.showcase-1').removeClass('active');
 }
});