jquery - 如何将 jQuery.tmpl 模板渲染为字符串？

Question

jquery.tmpl 的文档使用 .appendTo 在渲染过程中将模板插入到 DOM 中:

$.tmpl( myTemplate, myData ).appendTo( "#target" );

我正在尝试从另一个模板引擎转换现有应用程序，并且我的代码需要先将模板渲染为字符串，然后再将其添加到 DOM。这可能吗？那要怎么做呢？

Answer 1

这里的答案对我没有帮助，但是 Adam 的回复让我走上了正轨:任何 jQuery 包装元素都有一个 .html() 方法。

var output = $( "#infoWindowTemplate" ).tmpl( city_data ).html()

或者如果您需要文本...

var output = $( "#infoWindowTemplate" ).tmpl( city_data ).text()

但请注意，模板的最外层(根)元素被跳过，因此您应该使模板看起来像这样:

  <script id='infoWindowTemplate' type='text/x-jquery-tmpl'> 
    <div class='city_info'>
      <h1 class='title'><a href="${link}">${name}</a></h1>
      <p class='meta'>${count} offers</p>
    </div>
  </script> 

或者只使用 jQuery externalHtml 插件 ( http://darlesson.com/jquery/outerhtml/ ) 并将 .html() 替换为 .outerHTML()