JSFiddle - React, Tailwind, and code Playground

by Justin Breen

HTML

<ul id="groups"></ul>

JavaScript

var employees = '[{"firstName":"John","lastName":"Doe" },{"firstName":"Anna","lastName":"Smith" },{"firstName":"Peter","lastName":"Jones"}]';

var myData = JSON.parse(employees);

$(document).ready(function() {
    $.each(myData, function() {
        $('<li>' + this.firstName + '</li>').appendTo("#groups");
    });
});


//$(document).ready(function () {
//	$.getJSON(employees.json, function(result) {
//		alert(result[0].firstName + result[0].lastName);
//	});
//});

for (var i = 0; i < employees.length; i++) {
    var obj = employees[i];
    alert(obj[firstName]);
}