Jquery nested ul li

function buildList(data) {
    var $ul = $('<ul></ul>');
    for (const key in data) {
        var $child = $('<li></li>');
        $ul.append($child)
        if (typeof data[key] === 'object') {
            $child.text = $child.text(key);
            $child.append(buildList(data[key]));
        } else {
            $child.text = $child.text(key + ' : ' + data[key]);
        }
    }
    return $ul;
}

Source: stackoverflow.com

Jquery nested ul li

jQuery(document).ready(function($) {

$.get('url', function(data){

            var $ul = $('<ul></ul>');

            function getList(item, $list) {

                $.each(item, function (key, value) {
                    var $li = $('<li />');
                    $li.append($('<a href="#">' + key + '</a>'));

                    var $subul = $("<ul/>");

                    $.each(value, function(i) {
                        var subli = $('<li/>')
                        .text(value[i])
                        .appendTo(subli);
                    });
                    $subul.append(subli);


                    $li.append($subul)

                });
            }
            getList(data, $ul);
            $ul.appendTo("div_containing_ul");
    });});

Source: stackoverflow.com

Similar codes

0 vote124 views2 answers
Jquery ui timepicker
Javascript jQuery
40 votes119 views6 answers
Jquery set checkbox
Javascript jQuery
0 vote110 views1 answer
How to access child img src in jquery
Javascript jQuery
2 votes122 views1 answer
Select name get option value jquery
Javascript jQuery
0 vote192 views1 answer
Jquery not calling id from div called in ajax
Javascript jQuery
0 vote145 views2 answers
Jquery selector parent on hover
Javascript jQuery
0 vote112 views1 answer
Add a string to list jquery
Javascript jQuery
0 vote122 views1 answer
How to run the counter when we reach at a specific section in jquery
Javascript jQuery
0 vote116 views2 answers
Jquery onchage html content
Javascript jQuery
-1 vote123 views1 answer
(function (g, d, a) {})(window, document, jQuery);
Javascript jQuery