Home Next

1 Render template from script block

HTML:


<script id="personTmpl" type="text/x-jquery-tmpl">
	<tr>
		<td>{{=firstName}}</td>
	</tr>
</script>


<table><tbody id="details"></tbody></table>

Data:

var person = {
	firstName: "Jeff"
}

Script:

// Render to string
var html = $( "#personTmpl" ).render( person );

// Insert as HTML
$( "#details" ).html( html );