Javascript 查找div并更改颜色

我有下表，我想选择一个选项并在它们之间切换颜色。但不能重复（只有一个选项应该是绿色的…）我已经尝试了一切=/

$(".roundedOpt").click(function(){ 
    var opt = $(this);
    $(opt).attr("style","background:#4AA14A;");
});

---

要在每个列表中切换一个，请执行以下操作

$(".roundedOpt").on('click', function () {
    var opts = $(this).closest('td').find('.roundedOpt');

    opts.not(this).css('background', '#337AB7');
    $(this).css('background', '#4AA14A');
});

---

此操作不需要变量，只需使用此变量即可。：）我只是先将所有蓝色项目重置为蓝色，然后将此单击项目设置为绿色。我对你的js小提琴做了如下预测：

$（“.roundedOpt”）。单击（函数（）
{	
$（“.roundedOpt”）.removeAttr（“样式”）；
$（this）.attr（“样式”，“背景：#4AA14A；”）；
});

表格{
边框：1px实心#000；
}
roundedOpt先生{
边界半径：50%；
宽度：16px；
高度：16px；
背景#337AB7；
颜色：白色；
文本对齐：居中；
位置：相对位置；
z指数：1；
字号：11.5px；
字体大小：粗体；
光标：指针；
}
德莱夫特分区{
位置：绝对位置；
}
驾驶室{
宽度：自动；
左侧填充：24px；
}

选项列表#1
选择以下选项：

A.
选择A。
B
备选案文B。
C
备选案文C。
D
选择D。
E
备选案文E。


选项列表#2
选择以下选项：

A.
选择A。
B
备选案文B。
C
备选案文C。
D
选择D。
E
备选案文E。

只需单击即可脱掉您的风格

$(".roundedOpt").click(function(){
    $(".roundedOpt").attr("style","");                    
    var opt = $(this);
    $(opt).attr("style","background:#4AA14A;");         
});

---

感谢您的关注，但需要@adeneo代码！选项列表2，它独立于选项列表1。如果您使用包含css属性的javascript添加和删除类，则会减少痛苦：-）