如何在 css 类名中使用 javascript 变量，并通过 Rails 中的 jquery 获取 css 颜色名称

Question

Q1.

我一共有 7 个div(类名：放大中心0~7(， 我想使用 javascript 变量表示数字 1 到 7。

我尝试了 for 语句，但它不起作用。

我希望放大中心7在单击放大中心0-6时更改颜色。

如何使用 javascript 变量作为 css 类名？

不工作代码

$(document).ready(function() {
for(var i=0; i<7; i++) {
$(".scale-up-center-<%=i%>").click(function() {
var color = $(".scale-up-center-<%=i%>).css("background-color");
$(".scale-up-center7").css("background-color", color);
$("#post_color").val(color);
}
})
})

问题 2.

我通过jquery导入了css属性(背景颜色(并将其存储在颜色列中。

并通过表单的输入显示颜色。但是，它以 rgb (255,0,0( 的形式表示。

我在数据库中有一个颜色列，但它是字符串类型，而 rgb (( 没有。

我想导入颜色名称而不是 rgb。(例如(返回"红色"，而不是RGB (255,0,0(

_form.html.erb

<div class="field">
<%= form.label :color %>
<%= form.text_area :color, id: 'post_color' %>
</div>

Answer 1

Q1。 尝试使用$(".scale-up-center-" + i)而不是$(".scale-up-center-<%=i%>")

问题 2. 将颜色另存为 CSS 颜色名称可能有点棘手。 我建议您将RGB转换为十六进制(这个问题可能会有所帮助(并使用CSS颜色列表将其转换为颜色名称(例如，从这里css-color-names(。