这里我们大概可以了解这种解析过程，先template1的模版，我们在template1中标记了tmpl，当我们第一次执行匿名函数的时候，它执行nest方法，再次去执行jQuery.tmpl，然后你们懂的，生成关于template2的匿名函数等等。所以这里模版的1中的指向id千万不要写错，否则报错。

看到jQuery.template方法中的这个部分

return name ? (typeof name !== "string" ? jQuery.template( null, name ): (jQuery.template[name] || jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name )))) : null;

因为我们第一次没有存储匿名函数(保存模板的作用)，也不需要存储。所以执行jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name ))，这里我们看到一条正则

htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /

这个比较简单，留给读者吧，呵呵。匹配结果当然是不满足，我们使用jQuery()去创建jQuery对象，重新执行template方法，生成相应的匿名函数等。

7.{{wrap}}包装器

<script type="text/html" id="myTmpl"> The following wraps and reorder some HTML content: {{wrap "#tableWrapper"}} <h3>One</h3> <div> First: <b>content</b> </div> <h3>Two</h3> <div> And <em>more</em> <b>content</b> </div> {{/wrap}} </script> <script type="text/html" id="tableWrapper"> <table cellspacing="0" cellpadding="3" border="1"> <tbody> <tr> {{each $item.html("h3",true)}} <td> ${$value} </td> {{/each}} </tr> <tr> {{each $item.html("div")}} <td> {{html $value}} </td> {{/each}} </tr> </tbody> </table> </script>

<div id="wrapDemo"></div>

依照惯例，看一下拓展部分

"wrap": { _default: { $2: "null" }, open: "$item.calls(__,$1,$2);__=[];", close: "call=$item.calls();__=call._.concat($item.wrap(call,__));" }

这里我们看到了两个新方法：calls()和wrap()，找到newTmplItem里面的newItem，来看一下这两个方法

function tiCalls( content, tmpl, data, options ) { if ( !content ) { return stack.pop(); } stack.push({ _: content, tmpl: tmpl, item:this, data: data, options: options }); }

function tiWrap( call, wrapped ) { options = call.options || {}; options.wrapped = wrapped; jQuery.tmpl( jQuery.template( call.tmpl ), call.data, options, call.item ); }

这跟6的运行模式差不多，很不幸的是，我的源码在执行这个例子的时候出错，后来我找了一段时间后发现问题，将源码修改了一下。恢复正常了。修改tiHtml方法里

return jQuery.map( jQuery( jQuery.isArray( wrapped ) ? wrapped.join("") : jQuery.trim(wrapped) ).filter( filter || "*" ), function(e) { return textOnly ? e.innerText || e.textContent : e.outerHTML || outerHtml(e); });

7和6例子一样，在匿名函数执行的时候，重新执行了jQuery.tmpl获取了新模板的内容，生成了匿名函数，如果你们有功夫看一下生成的匿名函数，你们会发现里面都很多newItem事先定义好的方法调用，然后在执行这些匿名函数的时候，依次调用这些方法。

8.$.tmplItem()

例子可以看例子5，其实这个方法就很简单了。看一下源码

tmplItem: function( elem ) { var tmplItem; if ( elem instanceof jQuery ) { elem = elem[0]; } tmplItem || topTmplItem; }

可以看到这个while循环不断向上查询，因为在我们第一个例子中，我们在storeTmplItems方法中，进行一定的保存。这里就是查找到显示出来。

9.结语