JSFiddle - React, Tailwind, and code Playground

by jomikr

HTML

<ul class="my-new-list"></ul>

JavaScript

var response = "[{\"name\": \"foo\",\"id\": 1024},{\"name\":\"bar\",\"id\": 1025}]";

var data = jQuery.parseJSON(response);

var items = [];

$.each(data, function(key, val) {
    items.push('<li id="' + val.id + '">' + val.name + '</li>');
});

$('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
}).appendTo('body');