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

时间:2015-04-29 07:36:03

标签: javascript jquery css json

我目前正在开发一个基于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" 
}

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:3)

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

在任何情况下,给定一个对象,都无法发现"任何可能包含对它的引用的对象,变量或数组。

我建议您选择一本不错的Javascript书并熟悉基础知识。也许最初可能会远离JQuery之类的东西,因为它们会让你感到困惑。