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

Q1.

我总共有7个div（类名：scale-up-center0~7）， 我想用javascript变量表示数字1到7

我尝试了这个声明，但没有成功

单击缩放中心0-6时，我希望缩放中心7更改颜色

如何使用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);
        }

    })
})

$（文档）.ready（函数（）{
对于（var i=0；iQ1。
尝试使用
$（“.scale up center-”+i）
而不是
$（“.scale up center-”）

问题2。
将颜色保存为CSS颜色名称可能有点棘手。
我建议您将RGB转换为十六进制（这可能会有帮助），并使用CSS颜色列表（例如从这里）将其转换为颜色名称。
谢谢！但是，如果您键入一个直接值（“.scale-up-center”+I）作为var I=2；，对于（var I=0；I是它
（“.scale-up-center”+I）
或
（“.scale-up-center-”+I）
？我的类名由.scale-up-center0~7！ex）组成，我使用了它。（“.scale-up-center”+I）///var I=2；$（“.scale-up-center2”）.click…..这很好，但在使用变量i使用for语句时它不起作用。您不能在循环内更改
i
值。如果要对第二个元素执行特定操作，最好执行以下操作：
for（var i=0；iYes。我在scale-up-center2上进行了测试。///for（var i=0；i
  <div class="field">
    <%= form.label :color %>
    <%= form.text_area :color, id: 'post_color' %>
  </div>