jQuery - 如何从字符串数组创建 TreeView 菜单

Question

我有一个数组。这个数组的元素实际上是项目的字符串路径：

• Category1/subCategory1/item1
• Category1/subCategory1/item2
• Category1/subCategory1/item3
• Category1/item4
• Category2/item5
• Category2/item6
• Category3/subCategory3/item7
• Category3/subCategory3/item8
• 项目9
• 项目10

我想使用 jQuery 将其转换为 TreeView 菜单。我在 PHP 和 ASP.NET C# 中使用 servercode 完成了它，但只是不知道如何在不涉及任何后端代码的情况下使用 jQuery 来实现相同的目标。

这里有人能指出我正确的方向吗...

谢谢。

Answer 1

我想你会想使用jsTree 来帮助你。 jsTree 是一个完全在 JavaScript 中完成的树视图。它具有用于填充树的明确定义的结构（JSON、HTML 或 XML 数据结构），您可以轻松地在 jQuery 中获取这些字符串（在数组内），将它们转换为适当的结构，然后根据您的新结构构建 jsTree。