jQuery的模板 - 关联数据模板的DOM元素

我使用jQuery的模板插件呈现几行项目类同的：jQuery的模板 - 关联数据模板的DOM元素

var clientData = [ 
    { name: "Rey Bango", id: 1 },  
    { name: "Mark Goldberg", id: 2 },  
    { name: "Jen Statford", id: 3 } ]; 

<script id="clientTemplate" type="text/html">  
    <li><${name}</li> 
</script> 

$("#clientTemplate").tmpl(clientData).appendTo("ul");

我想知道是否有可能利用jQuery's data功能，能够将每个行项目关联到用于更新的标识符。

通常情况下，你可以做这样的事情：

$.each(clientData, function(idx, item) { 
    $('<li></li>').appendTo('ul#clientTemplate') 
     .text(item.name) 
     .data('clientId', item.id); 
}); 

$('ul#clientTemplate li').click(function() { 
    updateClient($(this).data('clientId')); 
});

但是你没有这种类型的控制模板化时。

注意：我宁可不使用新的隐藏元素来存储每行上的这些数据，或者如果我不必使用元素上的附加属性。

想法？

感谢

来源

2011-05-07 cweston

jQuery模板插件包含tmplItem函数，该函数允许您返回与模板呈现的任何元素关联的实际数据。

那么，你就可以做一些事情，如：

var client = $("li").first().tmplItem().data

在这种情况下client将是你的数据：

{ name: "Rey Bango", id: 1 }

样品在这里：http://jsfiddle.net/rniemeyer/fvhj4/

来源

2011-05-07 01:20:35

谢谢，这是什么我在寻找。 – cweston 2011-05-07 13:40:49

这可能是一个解决办法：

$("#clientTemplate").tmpl(clientData).filter("li").each(function(i){ 
    $(this).data(clientData[i].id); 
}).appendTo("ul");

希望这有助于。干杯

来源

2011-05-07 00:33:57

jQuery的模板 - 关联数据模板的DOM元素

回答

相关问题