Javascript 在jquery中单击事件比较

是否可以应用以下代码作为单选按钮逻辑

例如，将

toggleClass

应用于唯一的单击div，而不是应用于每个div（就像使用单选按钮一样）。 我想应该比较一下哪个被点击了，但是怎么做呢

文件已保存到：

$（'#C1，#C2，#C3'）。单击（函数（e）{
$（this.toggleClass（'w3-浅灰色w3-绿色'）；
});

这是第1部分


这是div 2


这是div 3
单击div时，请检查它是否具有类
w3绿色
，如果没有，则从具有该类的div中删除该类并将其分配给当前div：


$（'#C1，#C2，#C3'）。单击（函数（e）{
var$this=$（this）；
如果（！$this.hasClass（“w3绿色”））{
$（“.w3绿色”）.toggleClass（'w3-浅灰色w3-绿色'）；
$this.toggleClass（'w3-浅灰色w3-绿色'）；
}
});

这是第1部分


这是div 2


这是div 3
简单的解决方案是在切换单击的元素之前删除所有元素的突出显示。只需在toggleClass之前添加此行：

$('#C1,#C2,#C3').removeClass('w3-green').addClass('w3-light-gray');


$（'#C1，#C2，#C3'）。单击（函数（e）{
$（'#C1，#C2，#C3'）。removeClass（'w3-green'）。addClass（'w3-light-gray'）；
$（this.toggleClass（'w3-浅灰色w3-绿色'）；
});

这是第1部分


这是div 2


这是div 3
您的意思是使用单选按钮而不是单击鼠标右键？不，不，逻辑就像单选按钮一样。我现在的逻辑就像复选框一样。它会为每个单击的div添加背景。我只想在每次单击时添加其中的一个。例如，当您单击div1和div2时，只有div2应该有绿色背景。问题需要更好地解释问题所在