JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

JavaScript

var data = {"key1":{"key11":"value11",
                    "key12":"value12"},
            "key2":"value2",
            "key3":"value3"};

function loop(obj, ul) {
    $.each(obj, function(key, val) {
        if($.isPlainObject(val)) {
            var ul2 = $("<ul>").appendTo(
                $("<li>").appendTo(ul)
            );
            
            loop(val, ul2);
        } else {
            $("<li>", {
                id: key
            }).text(val).appendTo(ul);
        }
    });
}

$(function() {
  var ul = $("<ul>");

  loop(data, ul);

  ul.addClass("my-new-list").appendTo('body');
});