Jquery模板每个标签：使用渲染多个选择框

Question

我正在使用 jquery 每个标签将来自服务器的 json 数据呈现为选择框。例如：

$('#dogsBox').append(  $.toxmpl("{{each dogs}}<option value='${$value.id}'>${$value.name}</option>{{/each}}",data) 

$('#catsBox').append(  $.tmpl("{{each cats}}<option value='${$value.id}'>${$value.name}</option>{{/each}}",data)

$('wolvesBox').append(  $.tmpl("{{each wolves}}<option value='${$value.id}'>${$value.name}</option>{{/each}}",data)

假设狗、猫和狼是另一个对象动物的属性，我怎样才能使这个通用？我应该用什么代替“？？？？？？”在下面的脚本中。

动物：[狗：...，猫：....，狼：...]

    for(var animalName in animals){
    $("#"+animalName).append(  $.tmpl("{{each ????? }}<option value='${$value.id}'>${$value.name}</option>{{/each}}", animals );

}

将参数留给每个空白并将动物[动物名称]作为数据传递也不起作用。

谢谢， 克里斯。 P.S：我使用 each 是因为它也适用于对象，而不仅仅是列表。

Answer 1

for(var animalName in animals){
    $.each(animals[animalName], function(key, val){
            $("#"+animalName ).append(  $.tmpl("<option value='${id}'>${name}</option>", val)  );
        }
    );