Javascript 如何根据当前的a类div更新单击功能？

我希望单击div时发生不同的事情，这取决于它当前拥有的类。我正在使用jQuery更改div的类。但是，首先是点击这是一个简单的例子

当

div

的类发生更改时，单击它应该使其变为蓝色，但根据原始类函数，它仍然变为红色

$（'.class-1'）。在（'click'，function（）上{
$（this.css（'background-color'，'red'）；
});
$（'.class-2'）。在（'click'，function（）上{
$（this.css（'background-color'，'blue'）；
});
$（'.change class'）。在（'click'，function（）上{
$（'class-1'）.prop（'class'，'class-2'）；
});

按钮
更改按钮类将颜色保存为临时变量

var myColor = 'red';
$('.class-1').on('click', function() {
  $(this).css('background-color', myColor );
  myColor = myColor ==='blue' ? 'red':'blue';
});

对于类为
class-2
的元素，可以使用事件委派将
click（）
事件应用于：


$（'.class-1'）。在（'click'，function（）上{
$（this.css（'background-color'，'red'）；
});
$（文档）.on（'click'，'class-2'，function（）{
$（this.css（'background-color'，'blue'）；
});
$（'.change class'）。在（'click'，function（）上{
$（'class-1'）.prop（'class'，'class-2'）；
});

按钮
使用
$（'.some class'）更改按钮类
。'on（'click'，…）
将对每个
应用一个单击侦听器。某些类
元素仅在此时-它不会创建所有
都可以执行的全局规则。将存在的某些类
元素可以执行该单击侦听器。你可能会也可能不会独自去那里。你必须保持状态。现在，您可以使用代码中的变量执行此操作，或者为了避免重复信息，只需检查元素的状态（例如检查是否存在类）并根据当前状态执行操作。我编辑了一点，你可能想这样检查=）哦，这不是最好的方法tho@flinch85很高兴我能帮忙：）