如何将多个可能的regex值与给定字符串进行比较

Question

我是javascript/jQuery的新手，由于我对javascript和jQuery有非常基本的了解，我可能不知道有许多函数可以帮助我解决我的问题。而我正在做的项目只是为了练习。

所以，我有一个字符串，我想和某些值进行比较，三个不同的值是可能的，它们是相互穷尽的。

$(".grid-item").click(function() {
    var classname = $(this).attr('class');
    console.log(classname);   //This returns "grid-item active car-right"

    var reg_class = /active checked booked/;

    var what_class = classname.match(reg_class);

    $(this).toggle_function(){

        if(what_class == active){

        }

        if(what_class == checked){

        }

        if(what_class == booked){

        }

    }
});

那么，如何创建一个具有三个不同可能值的regex变量，然后将其与变量classname中的值进行比较。

没有任何方法可以像这样进行比较：（如果classname==%active%).......这可能看起来很荒谬，但是，我不知道这是否可以在javascript中完成。

Answer 1

我认为在您的情况下，更好的解决方案是使用jQuery的.hasclass()，它专门用于以下方面：

$(function() {
  $('.grid-item').on('click', function (e) {
    if ($(this).hasClass('active')) {
      console.log('active');
    }
    if ($(this).hasClass('checked')) {
      console.log('checked');
    }
    if ($(this).hasClass('booked')) {
      console.log('booked');
    }
  });
});

html prettyprint-override"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="grid-item checked booked somethingelse">click me</div>