Javascript jQuery从具有相同.class的多个元素更改已单击元素的CSS背景

我正在编写一个简单的jQuery脚本，希望更改单击元素的背景颜色

这是我的代码：

<dt>
<input id="p_method_banktransfer" value="banktransfer" type="radio" name="payment[method]" title="Bank Payment"  class="radio validation-passed" autocomplete="off"/>ev
<label for="p_method_banktransfer">Банков превод </label>
</dt>

实际上，我似乎在点击标签或输入，但我想改变的背景是

dt

元素

我怎样才能做到

$('body').on('click', 'dt', function(){
  $(this).css('background','red'); // substitute your color for red
});

更新

要将除单击的颜色以外的所有

更改回原始颜色，请执行以下操作：

$('body').on('click', 'dt', function(){
  $('dt').not(this).css('background', '#3399CC'); // change back to original color
  $(this).css('background','red'); // substitute your color for red
});

---

$（this）.parent（）.css（'background'，'red'）？好的，但当我单击另一个

dt

时，如何将背景颜色变为旧颜色？我的意思是我点击元素1，它会变红，然后点击元素2，元素1会变老背景，元素2会变红背景。

$('body').on('click', 'dt', function(){
  $('dt').not(this).css('background', '#3399CC'); // change back to original color
  $(this).css('background','red'); // substitute your color for red
});