jQuery - Listing HTML with Data faster

Rendering HTML with jQuery DOM Manipulations faster

by austinnoronha

HTML

<ul id="listing"></ul>

JavaScript

var data = [];

for(var i = 0; i < 50; i++){
	data[i] = {"name":"User "+i, "email": "email"+i+"@test.com"};
}
var htm = "", id = 1;
$.each(data.slice(10, 20), function( key, val ) {
    htm += "<li>#"+id+".  <label>"+val.name+": </label>"+val.email+"</li>";
    id++;
});

$("#listing").html(htm);