change background onclick with class

Question

I have few buttons, all with same class='background'. Now I'm using this to change the background colour of button onclick.

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

But this is changing background of all the buttons. How can I change background of the button which is clicked. NOTE: I've to do this without using id

Answer 1

使用this对象。

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

Answer 2

在点击的事件中使用上下文this，仅定位当前点击的元素：

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

Answer 3

希望这会有所帮助

$(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