JS模板和未知属性

Mustache JS templating and unknown properties

本文关键字：未知 属性 JS      更新时间：2023-09-26

我正在尝试动态使用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，值来自输入字段。

这可能吗?

谢谢,Dom

构建stuff对象的一种可能方法是使用.each():

遍历元素。
var stuff = {};
$('input').each(function() {
    stuff[$(this).attr('id')] = $(this).val();
});
$.mustache(tmpls[index], stuff);
相关文章：