使用jquery生成任意深度列表

function generateNestedList(data, container) {
  var list = $('<ul>'); // 创建一个<ul>元素作为容器

  $.each(data, function(index, item) {
    var listItem = $('<li>').text(item.name); // 创建一个<li>元素，并将数据项的名称添加到列表项中

    if (item.children && item.children.length > 0) {
      // 如果数据项有子级数据，递归调用生成深度列表的函数
      generateNestedList(item.children, listItem);
    }

    list.append(listItem); // 将列表项添加到容器元素中
  });

  container.append(list); // 将生成的列表添加到指定的容器中
}

// 示例数据
var data = [
  {
    name: 'Item 1',
    children: [
      {
        name: 'Item 1.1',
        children: [
          {
            name: 'Item 1.1.1'
          },
          {
            name: 'Item 1.1.2'
          }
        ]
      },
      {
        name: 'Item 1.2'
      }
    ]
  },
  {
    name: 'Item 2'
  }
];

// 调用生成深度列表的函数
generateNestedList(data, $('body'));