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"}];

$('#links').on('click','a',function(){
    var $li = $(this).parents('li');
    alert($li.data('Color')+''+$li.data('id')+''+$li.data('DateTime')+''+$li.data('Text'));
});

$.each(data, function(i, v) {
    var $li = $('<li><a><div>' + v.Text + '<span class="small">' + v.DateTime+ '</span></div></a></li>');
    $('#links').append($li);
    for(var prop in this){
        $li.data(prop,this[prop]);
    }
});