如何更改颜色按钮无需重新加载页面

Question

我有一组按钮：

<div class="panel-body">
    <% @tables.each do |table| %>
        <%= button_to table.seats, service_path, method: :get, class: ["btn", "btn-primary", "btn-lg"], remote: true %>
    <% end %>
</div>

我想点击一个按钮并更改其颜色而不重新加载页面。 这个想法是有一组蓝色按钮，当点击其中一个按钮时，它的颜色变为红色。

此外，在不重新加载页面的情况下，将会话[：table]设置为table的id。

- 已添加 -

注意：我只想要一个红色按钮。

Answer 1

$(".btn").click(function(){
$(this).css({"background-color":"#00f"});
});