javascript - 从数组更改徽章颜色

var colorr = ["#008000", "#e0ffc1", "#ffc1e1", "#cc0000"];
   $.each(sortable.reverse(), function(key, value){
     $('#results').append("<li><h3>" +  value[0] + ": <span class='badge'
       style='background-color: var(cl); font-size: 25px ;'>"+ value[1] + "%
</span></h3></li>");
               })

此代码的输出将类似于：



即显示带有徽章的四个百分比。

现在，在迭代下面的代码中的循环时，我想从代码中声明的colorer数组中更改这四个数字的徽章颜色。

如何实现呢？

最佳答案

尝试这个

background-color: '+colorr[key]+';

工作代码示例

var colorr = ["#008000", "#e0ffc1", "#ffc1e1", "#cc0000"];
$(colorr).each(function (key, value) {
    $('body').append('<li><h3><span class="badge" style="background-color:' + colorr[key] + '; font-size: 25px ;">Hi</span></h3></li>');
})

DEMO

关于javascript - 从数组更改徽章颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22930377/