jquery用数组元素更新css属性

Question

对于“firstTri”类，我当前的 css 看起来像这样

.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]);

它应该可以工作。