jquery templates boilerplate

Boiler plate for demoing jquery template related fiddles

by TheSneak

HTML

<script src="https://raw.github.com/jquery/jquery-tmpl/master/jquery.tmpl.js"></script>
<script id="a" type="text/test">
    <td>${Name}</td>
</script>
<script id="b" type="text/test">
    <td>${Name}</td>
</script>
<script id="c" type="text/test">
    <td>${Name}</td>
</script>
<script id="testTmpl" type="text/test">
    <tr>[[CELLS]]</tr>
</script>
<table id="main"></table>

JavaScript

var tmplText = "";
var cells = ["a","b","c"];
for (var i=0; i< cells.length; i++){
    tmplText += $("#" + cells[i]).text();
}
tmplText = $("#testTmpl").text().replace("[[CELLS]]", tmplText);
$.tmpl(tmplText, { Name: "Eggnog"}, {thing: "wow"}).appendTo("#main")