JSFiddle - React, Tailwind, and code Playground

by Dave Salomon

HTML

<ul id="links" />

JavaScript

var data = [{"id":"1","Text":"esj","DateTime":"2015-10-21 19:00:00", "Color":"Red"},
{"id":"2","Text":"esj","DateTime":"2015-10-21 19:00:00", "Color":"Red"},
{"id":"3","Text":"esj","DateTime":"2015-10-21 19:00:00", "Color":"Red"},
{"id":"4","Text":"esj","DateTime":"2015-10-21 19:00:00", "Color":"Red"}];

$.each(data, function(i, v) {
    var $li = $('<li><a><div>' + v.Text + '<span class="small">' + v.DateTime+ '</span></div></a></li>');
    $('#links').append($li);
    $li.click(function(){
        alert(v.Color+v.id+v.DateTime+v.Text);
	});
});