arka plan üzerinde değişiklik yapın onclick sınıf

Question

Aynı sınıfa ait birkaç butonum var = 'background'. Şimdi bu düğmeyi onclick'in arka plan rengini değiştirmek için kullanıyorum.

<script> 
$(document).ready(function(){ 
    $(".background").click(function(){ 
     $('.background').css('background','rgba(0,0,0,0.2)'); 
    }); 
}); 
</script> 

Ancak bu, tüm düğmelerin arka planını değiştiriyor. Tıklanan düğmenin arka planını nasıl değiştirebilirim? Not:

Answer 1

this nesnesini kullanmadan bunu yapmalıyım. Sadece şu anda tıklanan hedefleyen elemana tıklandığında olay

$(document).ready(function(){ 
    $(".background").click(function(){ 
     $(this).css('background','rgba(0,0,0,0.2)'); 
    }); 
}); 

Answer 2

Kullanım bağlam this: Bu yardımcı olacaktır

$(".background").click(function(){ 
    $(this).css('background','rgba(0,0,0,0.2)'); 
}); 

Answer 3

Umut

$(document).ready(function(){ 
    $(".background").click(function(){ 
     $(".background").css('background',''); // Reset background color of other buttons 
     $(this).css('background','rgba(0,0,0,0.2)'); // Set backgroundcolor of this button 
    }); 
}); 

jsfiddle