JSFiddle - React, Tailwind, and code Playground

by mayooresan

HTML

<div data-role="page">
    <div data-role="header"><h1>header</h1></div>
    <div data-role="content">
        <div id="tableDiv"></div>
    </div>
</div>

JavaScript

$(document).on('pageshow', function(){
   
    var jsonResponse = '[{\"fName\":\"ליבי\",\"lName\":\"פנינ\"},{\"fName\":\"אפרת\",\"lName\":\"אוחנה\"‌​},{\"fName\":\"דביר\",\"lName\":\"ריזנמן\"},{\"fName\":\"ודים\",\"lName\":\"ודימו‌​ביץ\"},{\"fName\":\"לינור\",\"lName\":\"אבני\"}]';
    var parsedData = JSON.parse(jsonResponse);
    var tableStr = "<table>";
    $.each(parsedData, function(){
        console.log(this.fName);
    });
    tableStr += "</table>";
    $('#tableDiv').html("hello world");
});