LighTest jQuery TPL

$.tpl(tpl, val)

by molokoloco

CSS

body {
    font:16px/125% Trebuchet, Verdana;
    color:#333;
    background:grey;
    margin:20px;
}

div {
    margin: 20px;
    padding: 10px;
    border:1px solid #333;
    display:inline-block;
    background:lightgrey;
}

JavaScript

// LighTest TPL ?

$.tpl = function(tpl, val) {
    for (var p in val)
        tpl = tpl.replace(new RegExp('({'+p+'})', 'g'), val[p] || '');
    return tpl;
};

// Routine...

var dataObj = [{id:1, title:'toto'}, {id:2, title:'tutu'}, {id:3, title:'tata'}],
    tplHtml = '<div>N°{id} - {title}</div>',
    newHtml    = '';

$.each(dataObj, function(i, val) {
     newHtml += $.tpl(tplHtml, val);
});

var $newHtml = $(newHtml).appendTo('body');