使用 jQuery 查找 Json 文件中的所有父元素

Question

我目前正在开发一个基于 jQuery 的递归菜单，它看起来已经相当不错了。

包含菜单的 JSon 文件结构如下：

[
   { 
       "Id": "menuOfficeWebControlsForWebApplication", 
       "Title": "Office Web Controls", 
       "Resource": "/Documentation/Data/index.html" },
   { 
       "Id": "menuGettingStarted", 
       "Title": "Getting Started", 
       "Resource": "/Documentation/Data/getting-started.html", 
       "Categories": [{ 
             "Id": "menuCompilingFromSource", 
             "Title": "Compiling From Source", 
             "Resource": "/Documentation/Data/Getting-Started/compiling-from-source.html" 
          },{ 
             "Id": "menuDownloadReleasePackage", 
             "Title": "Download Release Package", 
             "Resource": "/Documentation/Data/Getting-Started/downloading-release-package.html"
          },{ 
             "Id": "menuBuildingYourFirstApplication", 
             "Title": "Building your first application", 
             "Resource": "/Documentation/Data/Getting-Started/building-your-first-application.html" 
        }]
   }
]

现在，我可以使用 jQuery 从菜单中检索一个项目，结果可能是这个项目：

{ 
   "Id": "menuBuildingYourFirstApplication", 
   "Title": "Building your first application", 
   "Resource": "/Documentation/Data/Getting-Started/building-your-first-application.html" 
}

现在，我想检索更高级别的所有元素以及该项目正下方的所有项目。

非常感谢任何帮助。

Answer 1

JQuery 用于从当前文档的 DOM 中查询 HTML 元素，而不是用于遍历对象或 JSON 表达式字符串。

在任何情况下，给定一个对象，都无法“发现”任何可能持有对它的引用的对象、变量或数组。

我建议您阅读一本不错的 Javascript 书籍并熟悉基础知识。也许一开始就远离像 JQuery 这样的东西，因为它们会让你感到困惑。