javascript - 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

构建你的东西​​对象的一种可能方法是通过使用迭代元素.each()：

var stuff = {};

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

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