Mustache JS 模板和未知属性

Question

我正在尝试动态使用 Mustache JS 模板。我将有一个像这样的模板数组：

var tmpls = [
   '<p>{{name}}</p>',
   '<p><b>{{car}}</b></p>'
];

然后我想根据某些内容的索引选择正确的模板...我可以这样做：

var stuff = {
      name: 'bob'
}

$.mustache(tmpls[index], stuff);

但我不太确定如何根据某些内容填充值其他例如输入 ID 及其值：

<input type="text" id="name" value="Bob" />
<input type="text" id="car" value="Corsa" />

$.mustache(tmpls[index], {
    $('input').eq(0).attr('id') : $('input').eq(0).val()
});

我想我正在尝试创建一个对象来动态传递胡子。属性名称是输入字段的 ID，值来自输入字段。

这可能吗？

谢谢，多姆

Answer 1

构建 stuff 对象的一种可能方法是使用 .each() 迭代元素：

var stuff = {};

$('input').each(function() {
    stuff[$(this).attr('id')] = $(this).val();
});

$.mustache(tmpls[index], stuff);