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 vote193 views1 answer
Jquery pass $
Javascript jQuery
0 vote164 views1 answer
How to sum two var in jquery
Javascript jQuery
0 vote152 views1 answer
Jquery get data from first column of table
Javascript jQuery
0 vote104 views1 answer
Data error in jquery validate add custom element
Javascript jQuery
35 votes160 views5 answers
Jquery checkbox set checked
Javascript jQuery
84 votes166 views4 answers
How get checkbox if checked in jquery
Javascript jQuery
0 vote151 views1 answer
JQuery disable enable submit button
Javascript jQuery
30 votes175 views6 answers
Jquery find by data attribute
Javascript jQuery
12 votes165 views5 answers
Jquery-3.5.1.min.js download
Javascript jQuery
1 vote169 views1 answer
If array is empty jquery
Javascript jQuery