查询if else else if else check true？

Hello i want to check if a div has the class active. the first item works, after that it stops. Can someone tell me how to fix this? (Its a slider, so it has to work not on click.) It slides automatic. http://i61.tinypic.com/28h2zb6.jpg

您好我想检查div是否有活动的类。第一项有效,之后停止。有人能告诉我如何解决这个问题吗? (它是一个滑块,因此它不必单击即可工作。)它会自动滑动。 http://i61.tinypic.com/28h2zb6.jpg

    <script>
$(document).ready(function () {
  if ($('#211').hasClass('item active')){
            $('.vandaag').css("background-color", "blue");
            console.log("werkt1!");}
   else if ($('#218').hasClass('item active')){
            $('.vandaag').css("background-color", "#005993");
            console.log("werkt2!");}

    else if ($('#219').hasClass('active')){
            $('.vandaag').css("background-color", "#005993");
            console.log("werkt3!");}
});

</script>

the number is the id of the image slider. and the .item .active is when the slide is active. Greetz

数字是图像滑块的ID。并且.item .active是幻灯片处于活动状态时。格尔茨

2 个解决方案

#1

Don't use else if, because it stops after the first block works.

不要使用else,因为它在第一个块工作后停止。

Instead use if() { } blocks.

而是使用if(){}阻止。

 $(document).ready(function() {
        if ($('#211').hasClass('item active')) {
            $('.vandaag').css("background-color", "blue");
            console.log("Works!");
        } 
        if ($('#218').hasClass('item active')) {
            $('.vandaag').css("background-color", "#005993");
            console.log("works2!");
        }
        if ($('#219').hasClass('active')) {
            $('.vandaag').css("background-color", "#005993");
            console.log("works3!");
        }
    });

#2

You do not need else condition if you want multiple conditions to be executed:

如果要执行多个条件,则不需要其他条件:

 $(document).ready(function () {
   if ($('#211').hasClass('item active')){
      $('.vandaag').css("background-color", "blue");
      console.log("Works!");}
   if ($('#218').hasClass('item active')){
      $('.vandaag').css("background-color", "#005993");
      console.log("works2!");}
   if ($('#219').hasClass('active')){
      $('.vandaag').css("background-color", "#005993");
      console.log("works3!");}
  });

#1