javascript - 単一の変数を使用して口ひげタグを定義する

Question

いくつかの定義変数で口ひげタグを設定するオプションはありますか? このようなもの：

ジェイソン

{
    "color_set_01": [
        "white", "black"
        ],
    "color_set_02": [
        "green", "red"
    ]
}

JavaScript

var color = 'color_set_' + options.number;

$.getJSON('json/data.json', function(data) {
    var template = "<ul>{{color}}<li class="{{.}}"></li>{{/color}}</ul>";
    var html = Mustache.to_html(template, data);
    colors_panel.html(html);
});

color_set_01配列の場合は望ましい結果

<div class="colors_panel">
    <ul>
      <li class="white">
      <li class="black">
    </ul>
</div>