使用“数据”使用 jquery tempates 和“each”

Question

我正在使用 jquery 模板和 json 构建 Web 内容，并且正在寻找一种干净的方法来获取与使用这些模板构建的内容上的单击事件关联的 json 数据。存储的 tmplItem().data 是该模板的对象数组。当单击该列表中的某个项目时，我只想将该项目的 json 数据传递给单击事件处理程序。

目前我正在这样做：

<script id="ribbonTemplate" type="x-jquery-tmpl">
{{each(i, item) ribbon_data}}
   <img id='${i}' src="${thumbnail_url}" alt="${content_url}"/>
{{/each}}
</script>

这

    $(ribbonDiv).live('click', function(e){

       var clickItem = $(e.target);
       var tmplItem = clickItem.tmplItem();
       var imgId = clickItem.attr('id');
       var jsonBackingData = tmplItem.data['ribbon_data'][imgId];

       clickEvent(jsonBackingData);
    });

可行，但看起来有点笨拙。有没有一种方法不依赖于使用 id 选择器？