Javascript 带有jQuery的Changin DIV背景色

我有两个DIV，我想在单击时将DIV颜色更改为绿色（工作）。我正在计算div的点击次数，如果div已经是绿色的，我想停止计算

var计数器=0；
$（函数（）{
$（“.tile”）。单击（函数（）{
if（$（this.css（'background-color'）=='rgb（250,0,0'））{
$（this.css（'background-color'，'#008000'）；
计数器++；
$（此）。追加（“/”+计数器）；
}否则{
警告（“已上色！”）；
}
});
});
div{
宽度：90vh；
高度：10vh；
保证金：自动；
边框：3倍纯黑；
填充：25px 25px 25px 25px；
背景色：rgb（250,0,0）；
显示：表格单元格；
}
要添加/删除样式时，请使用CSS类：

CSS

Javascript

if ($(this).hasClass('red-bg'))
{
    $(this).removeClass('red-bg')
           .addClass('green-bg');
}

如果您
console.log（$（this.css（'background-color'））
您将看到该值中有空格：
rgb（250，0，0）
我不会依赖
rgb
字符串在不同的引擎之间保持一致。单击添加类可能是更安全的选择。@Rory McCrossan编辑过，但仍然什么也不做。还有其他提示吗？你在哪里加的？它很好用。虽然我同意@KilianStinson的观点，RGB字符串的格式不是很可靠，我会用一个类来为元素着色。好的，thakns，在JSFIDLE中工作，但在我的PhPstorm中，它是lol:d Nvm，我会将RBG更改为类coloros，谢谢大家：）你可以做
切换类（'red-bg-green-bg'）
if ($(this).hasClass('red-bg'))
{
    $(this).removeClass('red-bg')
           .addClass('green-bg');
}