JSFiddle - React, Tailwind, and code Playground

by Vetrivel Samidurai

JavaScript

success: function(data1){
var data2 = JSON.stringify(data1); 
var data = 	data2.replace(/"(?=\[)|(])"|\\/g, "$1");
alert(data);			
//Name

$("#name").append("<p>" + data[0].first_name + " " + data[0].last_name + "</p>");


var edu_length = data[0].education.length;			 			
var dyclass;

for(i=0;i<edu_length;i++)
{				
if(i==0)	
{
dyclass = "active";				
}
else
{
dyclass = "";
}
//Education - Tab List	
$("#edu_tab").append("<li class='"+dyclass+"'><a href='#edu_"+i+"'  data-toggle='tab'> "+ data[0].education[i].qualification +" </a></li>");

//Education - Content
$("#edu_content").append("<div class='tab-pane "+dyclass+"'  id='edu_"+i+"'> <p><span>" + data[0].education[i].description+"</span></p><p>Year : <span>" + data[0].education[i].startYear +  " to " +  data[0].education[i].endYear +"</span></p><p>College Name : <span>" + data[0].education[i].collegeName + "</span></p> <p> Grade : <span>" + data[0].education[i].grade+ "</span></p></div>");


}

}