JSFiddle - React, Tailwind, and code Playground

by Pris Wiz

HTML

<ul class="names">

</ul>

CSS

.names  li {
    list-style: none;
    display: block
}

.employee {
    margin: 0 0 10px 0;
}

JavaScript

var btsemployees = {
    employees:[
		{
         "name": "Jose Ramon", 
         "phone": "1234567890",
         "email": "[email protected]"
		},
         { 
         "name": "Volmar Machado", 
          "phone": "1234567890",
         "email": "[email protected]"
},
         { 
         "name": "EL Luar", 
          "phone": "1234567890",
         "email": "[email protected]"
},
         { 
         "name": "Miguel Gocobachi", 
          "phone": "1234567890",
         "email": "[email protected]"
}
]
};

var $namesCont = $('.names');
var items = '';
var people = '';

$.each(btsemployees.employees, function(key,value) {
    people = '<ul class="employee"  id="employee-' + key + '">';
    
    $.each(value, function (k, v) {
        people += '<li>' + v + '</li>';            
    });
    
    people += '</ul>';
    
    items += ('<li>' + people + '</li>');

});

$namesCont.html(items);

console.log(items);