如何将jquery对象与jquery模板一起使用？

Question

当我传递下面的jquery锚对象时，我的jquery模板显示object对象。

    moreinfoAnchor = $("<a></a>");
    moreinfoAnchor.attr('id', 'moreLink-' + this.id);
    moreinfoAnchor.text("test");

jquery模板代码：

$("#test").tmpl({
   link: moreinfoAnchor
});

如何使用jquery模板显示实际的锚点？

Answer 1

这里有一种方法。

用jQuery构建你的锚点标签：

var moreinfoAnchor = $("<a></a>")
  .attr({
    'href' : 'http://www.example.com',
    'id' : 'moreLink'
  })
  .text("test");

将您的jQuery锚标记转换为普通字符串：

var plainString = $('<div>')
  .append( moreinfoAnchor.clone() ).remove().html();

然后应用模板：

$("#test").tmpl({
  link: plainString
}).appendTo('#thediv');

您还必须确保您的模板是使用html模板标记设置的，如下所示：

<script id="test" type="text/x-jquery-tmpl">
  <div>{{html link}}</div>
</script>