jquery使用数组元素更新CSS属性

Question

我当前的 css 对于类 "firstTri" 看起来像这样

.firstTri{
    width: 0; 
    height: 0; 
    border-top: 160px solid transparent;
    border-bottom: 160px solid transparent;
    border-left: 160px solid gray;
}

我想将这个三角形的颜色更改为黄色，所以我有：

$('.firstTri').css("border-right","160px solid yellow");

这有效，但是如果我想使用此数组中的值更新颜色怎么办：

samples = [
        { 
        values : ["blue", "red", "green", "blue", "yellow"],
        },
        { 
        values : ["...etc"],
        }
];

我在想这样的事情：

 $('.firstTri').css("border-right","160px solid samples[i].values[j]");

i

和 j 递增，j 结束后 i 递增

例如，第二个索引是红色的，因此将是

samples[0].values[1] 

Answer 1

你正在将一个字符串放入 CSS 值中。它不能包含变量。如果你会写这样的东西

$('.firstTri').css("border-right","160px solid " + samples[i].values[j]);

它应该有效。