jquery - jQuery用数组元素更新css属性

我当前的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]

最佳答案

您正在将字符串放入CSS值。它不能包含变量。
如果你愿意写这样的话

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

它应该工作。