javascript - 从数组更改徽章颜色

Question

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>");
               })

这段代码的输出如下:

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

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

如何实现？

Answer 1

试试这个

背景颜色:'+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