JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

<ul>
    <li>Foo: </li>
    <li>Bar; </li>
    <li>Qux: </li>
    <li>Maa: </li>
    <li>Paa: </li>
</ul>

JavaScript

var data = [
{
    "MachineID":"171914",
    "Cost":"13,642.41",
    "Currency":"PHP"
},
{
    "MachineID":"172233",
    "Cost":"1,367.73",
    "Currency":"PHP"
},
{
    "MachineID":"41116",
    "Cost":"2,608.20",
    "Currency":"PHP"
},
{
    "MachineID":"178077",
    "Cost":"1,517.04",
    "Currency":"PHP"},
{
    "MachineID":"176430",
    "Cost":"20,876.72",
    "Currency":"PHP"
}
];


$.each (data, function (i) {
    $('li').eq(i).append(data[i]['MachineID']); 
});