jQuery从许多具有相同.class的元素中更改单击元素的CSS背景

jQuery change CSS background of clicked element from many elements with same .class

本文关键字：元素 单击 CSS 背景 class jQuery 许多具      更新时间：2023-09-26

我正在研究一个简单的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>...</dt>标签

这是<dt>的CSS：

.opc-wrapper-opc .payment-block dt { 
background: #3399CC;
border-radius: 2px;
margin: 0px 0px 13px;
position: relative;
}

所以实际上似乎我正在单击标签或输入，但我想更改的背景是该dt元素。

我怎么能做到？

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

更新

要将除单击的<dt/>以外的所有更改回原始颜色：

$('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
});
相关文章：