防止两个div执行相同的函数jQuery

Question

我有这段代码：

HTML

<div>
    <div class="change"></div>
</div>
<div>
    <div class="change"></div>
</div>

JQUERY

$('div').click(function(){
    $('.change').css('background','red');
});

我想单击上部div并更改上部div的背景，但它会更改两者。我知道我可以制作课程和东西，但如果我有100个这样的div呢？我不想为每个人创建一个类和一个jquery语句！

Answer 1

在事件监听器中，this引用被点击的元素，因此您可以使用：

$('.change').click(function(){
    $(this).css('background','red');
});