simplateは、simpleで小型のtemplate pluginです。
大掛かりなフレームワークを導入するほどでも無い小規模な案件で、簡単にテンプレート機能を実装することが出来ます。
<script type="text/javascript" src="$.simplate.js"></script>
ダウンロードしてscriptタグで読み込ませて準備完了
$(targetDom).simplate(dom, data, callback);
domにはテンプレート変数を使用したHTMLが入ります。
テンプレート変数は <!--{ }--> で囲まれた部分になります。
テンプレート変数の中の記述は通常の配列と同様に書けます。(ブラケット表記は不可)
目的のDOM(targetDom)に対して、domとobjectを指定すると整形されたhtmlで上書きします。
callbackは省略可能。
var hoge = $.simplate(dom, data);
通常の関数としても使用できます。
その場合、作成されたdomはreturnで戻されます。
上記のサンプルの場合はhogeの中にdomの内容が格納されます。
自由。ただしこのプログラム単体そのもので利益をえるような行為はNG
http://uki213.github.io/simplate/
https://github.com/uki213/simplate