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 vote354 views1 answer
Multiple checkbox validation in jquery
Javascript jQuery
5 votes315 views3 answers
Jquery remove child 1 elemtn
Javascript jQuery
95 votes359 views4 answers
Jquery in checkbox checked
Javascript jQuery
0 vote348 views1 answer
Jquery find highest value in array
Javascript jQuery
0 vote263 views1 answer
Scroll to class jquery
Javascript jQuery
1 vote339 views1 answer
Jquery check if input is empty on submit
Javascript jQuery
0 vote390 views1 answer
Jquery return normal element
Javascript jQuery
21 votes393 views4 answers
Get element by id in Jquery
Javascript jQuery
14 votes329 views2 answers
Jquery set text of h1
Javascript jQuery
4 votes383 views5 answers
Get textarea value jquery
Javascript jQuery