javascript - 在模板化之前修改 html

Question

我正在使用Mustache模板脚本来呈现我的JSON值。我想知道：既然我需要绑定data到html我正在渲染的，有没有办法应用.data()到object我要渲染的？

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

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");