SOURCE

$(document).ready(function () {

    var template = $("#template").html();

    var data = {
        list: [
            { name: 'wannianqing', age: 18, job: 'The Front End' },
            { name: 'wangxiaosan', age: 19, job: 'java' },
            { name: 'lixiaosi', age: 20, job: 'The Front End' },
            { name: 'sunxiaowu', age: 21, job: 'java' }
        ]
    }
    var html = Mustache.render(template, data);
    document.getElementById("target").innerHTML = html;

})

<script id="template" type="x-tmpl-mustache">
	<ul>
		{{#list}}
		<li>
			<span>{{name}}</span>
            <span style="color:red">{{age}}</span>
            <span>{{job}}</span>
        </li>
        {{/list}}
    </ul>
</script>

<div id="target"></div>