Question

我正在处理一个简单的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元素。

我怎么能成功？

Answer 1

$('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 });更改回原始颜色：

{{1}}

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

1 个答案: