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

Question

我使用 jquery every 标签将来自服务器的 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)

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

Animals : [dogs:..., cats:...., wolves:...]

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

}

将参数保留为空白并传递animals[animalName]，因为数据也不起作用。

谢谢， 克里斯. PS：我使用每个都是因为它也适用于对象，而不仅仅是列表。

Answer 1

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