用模版生成HTML的的框架jquery.tmpl使用详解(3)

<div></div>
<script type="text/x-jquery-tmpl">
     <div>
　　　　<span>${$data.ID}</span>
　　　　<span>${$item.getName(" ")}</span>
　　　</div>
</script>
<script type="text/javascript">
 　　var users = [{ ID: 'think8848', Name: ['Joseph', 'Chan'] }, { ID: 'aCloud', Name: ['Mary', 'Cheung']}];
     $("#item_data").tmpl(users,
                {
                getName: function (spr) {
                   return this.data.Name.join(spr);
                }
                }).appendTo('#div_item_data');
</script>

 $.tmplItem()方法，使用这个方法，可以获取从render出来的元素上重新获取$item

实例

复制代码 代码如下:

<script type="text/javascript">
　　$('#demo').delegate('div', 'click', function () {
                var item = $.tmplItem(this);
                alert(item.data.Name);
            });
</script>

您可能感兴趣的文章: