Jquery附加到多级无序列表

Question

我需要动态添加列表项。列表将如下所示。

List 1
    List 2
        List 3

我可以使用它创建一个级别列表。但我需要创建多个级别。有人可以指导我这样做。

$(document).ready(function() {
    $( "#parent_cat1" ).change(function() {
        var new_task = $( "#parent_cat1 option:selected" ).text();
        $('#level1').append('<li>'+new_task+'</li>');
    });
});

<div class="tree-content">
    <ul id="level1">

    </ul>
</div>

如何使用jquery

向列表中添加更多级别