javascript - 在模板化之前修改 html

Question

我正在使用 Mustache 模板脚本来呈现我的 JSON 值。 我想知道:由于我需要将 data 绑定(bind)到我正在渲染的 html ，因此有一种方法可以将 .data() 应用于我要渲染的对象？

我用一些代码更好地解释它:

var temp = $("#template").html(),
     obj = Mustache.render(temp,this);
  //I want to bind data to obj before it gets appended
  $('#appended').append(obj);

Answer 1

在附加 obj 之前或之后修改它。

var temp = $("#template").html(),
    obj = Mustache.render(temp,this);

$(obj).data("foo","bar").appendTo('#appended');

或

var temp = $("#template").html(),
    $obj = $(Mustache.render(temp,this));

$('#appended').append($obj)
$obj.data("foo","bar");

如果您的 html 不以标记开头，则必须先解析它。

var temp = $("#template").html(),
    $obj = $( $.parseHTML( Mustache.render(temp,this) ) );

$('#appended').append($obj)
$obj.data("foo","bar");