jquery - 条件に基づいてクラスを削除する

Question

私は1分ごとにjsonレスポンスをポーリングしており、レスポンスに基づいてページ上にオーバーレイを追加または削除しています。 私の反応はほとんどの場合正解です。この場合、オーバーレイクラスを削除する必要があります。 以下のコードでは、elseは毎回実行され、classとhide関数は毎回実行されます。 これを避ける方法はありますか？ jqueryにクラスが追加されているかどうかを調べるメソッドはありますか？また、非表示になっているかどうかは非表示です。 誰かがブール変数を設定したり解除したりすることでこれを達成するための構文を与えることができます。

(function poll() { 
    setTimeout(function() { 
    $.ajax({ 
     url: "path", 
     type: "GET", 
     success: function(data) { 
     console.log("polling" + data); 
     if (data.is_running === true) { 
      $("#overlay").addClass('show'); 
      $("#alertDiv").show(); 
     } else { 
      console.log("removing ...."); 
      $("#overlay").removeClass('show'); 
      $("#alertDiv").hide(); 

     } 
     }, 
     dataType: "json", 
     complete: poll, 
     timeout: 200 
    }) 
    }, 5000); 
})(); 

Answer 1

要素がhasclass()と特定のクラスがあるかどうかをチェックすることができます：

var overlay = $('#overlay'); 

if (overlay.hasClass('show')) { 
    overlay.removeClass('show'); 
} 

をしかし、あなたはPranav's answerを参照してください、toggle()とtoggleClass()を使用することができます。

あなたが if...else文の必要はそう false

$("#overlay").toggleClass('show',data.is_running); 
$("#alertDiv").toggle(data.is_running); 

を返さず、要素がクラスを持っているか、いないことを確認するためにあなたがhasClass()を使用することができますBoolean値でtoggle()とtoggleClass()を使用することができます

Answer 2

ました一致する要素が指定されたクラスに割り当てられている場合trueを返します

Answer 3

下記のように試して、$() query methodsを変数に入れておくと効率的です！

var $overLay = $("#overlay"), 
    $alertDiv = $("#alertDiv"), 
    sh = 'show'; 

if (data.is_running === true) { 
    $overLay.addClass(); 
    $alertDiv.show(sh); 
} else if ($overLay.hasClass(sh)) { 
    $overLay.removeClass(sh); 
    $alertDiv.hide(); 
} 

Answer 4

私は、あなたが "真"

としてdata.is_runningを取得していると思います。この

if (data.is_running == true){ 
    //your code 
} 
or 
if (data.is_running == "true"){ 
    //your code 
}