javascript - 如何更改颜色按钮而不重新加载页面

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>

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

此外，将 session [:table]设置为表的id，也无需重新加载页面。

-- 添加了 --

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

Answer 1

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