jquery - 递归函数 - jQuery，获取链接

Question

我在列出递归函数(文件夹和链接)时遇到问题每个文件夹都有链接，也许每个文件夹也有子文件夹，

我的问题是我无法显示相关文件夹内的链接，我的代码仅列出没有链接的文件夹 https://jsfiddle.net/9vxa6x8u/1/

这是我的代码:

function buildTree(jsonUrl) {

        function tree(treeData) {
            var mainUl = $('<ul>');
            $.each(treeData, function( index, folder ) {
                id = "folder"+ folder.id;
                var li =$('<li id="'+id+'" >');
                ul = $('<ul>');
                ul.append(li.text(folder.name).append(tree(folder.subFolders)));

                $.each(folder.links, function( index, link ) {
                    ul.append($('<li>').text(link.name));
                });
                mainUl.append(li);
            });
            return mainUl;
        }

        $.ajax({
           url: jsonUrl,
           dataType: "json",
           type: "get",
           success: function (data) {
                    $('#links-tree').append(tree(data));
           },
           error: function (e) {
               console.log(e)
           },
       });
}

Answer 1

检查一下，这是否是您想要实现的目标。请引用此jsfiddle

刚刚进行了以下更改

function tree(treeData) {
    if (treeData) {
      var mainUl = $('<ul>');
      $.each(treeData, function(index, folder) {
        id = "folder" + folder.id;
        var li = $('<li id="' + id + '" >');
        ul = $('<ul>');
        li.text(folder.name);
        ul.append(li.text(folder.name).append(tree(folder.subFolders)).append(tree(folder.links)));

        mainUl.append(li);
      });

      return mainUl;
    }
  }