用于从jQuery字符串动态构建可折叠UL的JSON代码

{
  "items": [
    {
      "title": "Item 1",
      "children": [
        {
          "title": "Subitem 1.1"
        },
        {
          "title": "Subitem 1.2"
        }
      ]
    },
    {
      "title": "Item 2",
      "children": [
        {
          "title": "Subitem 2.1"
        },
        {
          "title": "Subitem 2.2"
        }
      ]
    }
  ]
}

function buildUL(jsonData, parentElement) {
  var ul = $("<ul>");
  
  $.each(jsonData.items, function(index, item) {
    var li = $("<li>").text(item.title);
    
    if (item.children && item.children.length > 0) {
      li.addClass("has-children");
      buildUL(item, li);
    }
    
    ul.append(li);
  });
  
  parentElement.append(ul);
}

// 调用示例
var jsonData = {
  "items": [
    {
      "title": "Item 1",
      "children": [
        {
          "title": "Subitem 1.1"
        },
        {
          "title": "Subitem 1.2"
        }
      ]
    },
    {
      "title": "Item 2",
      "children": [
        {
          "title": "Subitem 2.1"
        },
        {
          "title": "Subitem 2.2"
        }
      ]
    }
  ]
};

buildUL(jsonData, $("#container"));