Javascript 选中单选按钮时将类添加到父div，选中其他单选按钮时删除类

当选中单选按钮时，我可以向父div添加一个类。 现在，当我想单击另一个单选按钮时，我想删除上一个div中的类

这就是我所拥有的：

$（“.radio”）.change（函数（）{
如果（$（this）.is（“：checked”））{
$（this.parent（）.parent（）.parent（）.addClass（'selected-prize'）；
}
});
。获选奖项{
边框：1px纯红
}

烹饪课
烹饪课
挑选
烹饪课
烹饪课
挑选
您可以先删除类
选定的奖品
：


$（“.radio”）.change（函数（）{
$（“.prize wrapper”）.removeClass（'selected-prize'）；
如果（$（this）.is（“：checked”））{
$（this.parent（）.parent（）.parent（）.addClass（'selected-prize'）；
}
});
。获选奖项{
边框：1px纯红
}

烹饪课
烹饪课
挑选
烹饪课
烹饪课
挑选

$（“.radio”）.change（函数（）{
如果（$（this）.is（“：checked”））{
$（'.selected prize'）。每个（函数（）{
$（this.removeClass（'selected-prize'）；
});
$（this.parent（）.parent（）.parent（）.addClass（'selected-prize'）；
}
});
。获选奖项{
边框：1px纯红
}

烹饪课
烹饪课
挑选
烹饪课
烹饪课
挑选
在
if
调用之前添加
$（'.prize-wrapper'）。移除类（'selected-prize'）
，而不是多个
parent（）
调用使用
。最近的（'.prize-wrapper'）
；如果您对结构更改过多，这也将防止代码中断。
$(".radio").change(function() {
  $('.prize-wrapper').removeClass('selected-prize');
  if ($(this).is(":checked")) {
    $(this).closest('.selected-prize').addClass('selected-prize');
  }
});

$(".radio").change(function() {
  var prize = $(this).parent().parent().parent()
  prize.toggleClass('selected-prize').siblings().removeClass('selected-prize');
});