在將其模板化之前修改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");