jQuery Template 'for'

A custom 'for' tag implementation for jQuery templates.

by mjlang

HTML

<script src="https://raw.github.com/jquery/jquery-tmpl/master/jquery.tmpl.js"></script>
<span id="result"></span>

<script id="TestTemplate" type="text/x-jQuery-tmpl">
    Day:<br/>
    <select>
    {{for(i=1;i<=31;i++)}}
    <option value="${i}">${i}</option>
    {{/for }}
    </select>
</script>

JavaScript

(function ($) {
    $.extend(jQuery.tmpl.tag, {
        "for": {
            _default: {$2: "var i=1;i<=1;i++"},
            open: 'for ($2){',
            close: '};'
        }
    });
})(jQuery);

var data = {};
$("#TestTemplate").tmpl(data).appendTo("#result");