如何使hasClass（）每秒检查一次

Question

我想制作一个滑块（5张），图像下方有5个按钮，两个方向按钮（上一个和下一个）

单击这5个按钮之一时，将为其激活班级（活动式）。

当第三个按钮（例如）具有类（flex-active）并且单击具有类（flex-next）的按钮时，我要激活功能“ img4”（将显示img4并从第3个中删除（flex-active）按钮并添加到第4个按钮）。

默认情况下，第一个按钮为flex-active。 此方法仅在1到2以及1到5的范围内起作用。

问题是hasClass仅在开始时检查谁拥有该类，但是如果我手动更改它，然后单击“下一步”按钮，它将起作用img2函数，因为第一个按钮具有（flex-active）。

这项工作：

 if($("a.1").hasClass("flex-active") ){
     $(".flex-prev").click(img5);
 };     

 if($("a.1").hasClass("flex-active") ){
    $(".flex-next").click(img2);
 }; 

这不是：

 if($("a.2").hasClass("flex-active") ){
    $(".flex-prev").click(img1);
 }; 

Answer 1

您可能要做的是为图像分配一个特定的类名称

<li><img class="slider flex-active" src=".../></li>
<li><img class="slider" src=".../></li>
...

并根据您希望的方向动态按下您执行next()或previous next()的按钮

$('button').on('click',function() {
   $('img.slider').hasClass('flex-active').removeClass('flex-active').next().addClass('flex-active');
});