javascript - jquery - 根据条件删除类

Question

我每 1 分钟轮询一次 json 响应，并根据响应在我的页面上添加或删除叠加层。大多数时候我的 react 是肯定的，在这种情况下，我应该删除覆盖类。在下面的代码中，else 部分每次都在执行，remove class 和 hide 函数每次都会执行。有什么办法可以避免这种情况。 jquery 中是否有任何方法来检查是否添加了类。还隐藏是否处于事件状态。或者任何人都可以通过设置和取消设置 bool 变量来提供语法来实现这一点。

(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

您可以使用 toggle() 和 toggleClass() 带有 Boolean 值不需要 if...else 语句否则返回 false

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

要检查元素是否具有类，您可以使用 hasClass() 如果匹配的元素被分配给给定的类，则返回 true