json到嵌套的ul li jquery / javascript

// 假设有一个包含嵌套数据的JSON对象
var data = {
  "name": "Root",
  "children": [
    {
      "name": "Child 1",
      "children": [
        {
          "name": "Grandchild 1"
        },
        {
          "name": "Grandchild 2"
        }
      ]
    },
    {
      "name": "Child 2",
      "children": [
        {
          "name": "Grandchild 3"
        },
        {
          "name": "Grandchild 4"
        }
      ]
    }
  ]
};

// 递归函数，将JSON数据转换为嵌套的ul li列表
function createNestedList(data, parentElement) {
  var ul = $("<ul>");
  parentElement.append(ul);

  data.forEach(function(item) {
    var li = $("<li>").text(item.name);
    ul.append(li);

    if (item.children && item.children.length > 0) {
      createNestedList(item.children, li);
    }
  });
}

// 调用函数，传入JSON数据和父元素
createNestedList(data.children, $("body"));