在獲取模板之前修改html

Question

我正在使用小鬍子模板腳本呈現我的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");