Javascript 如何将json父对象和子对象转换为html dom

我得到了一个API，其中我有一个对象和对象中的项。 我有第一级，第二级和第三级阵列，我只需要第一级和第二级。 如何在HTMLDOM中显示一级对象的项目

我只需要ID=457>458-459-460-461-464-581472>的项目。。。。； 这是一个树状分类 以及如何将一级对象的代码与子对象（二级对象）匹配

这是我的密码

$（文档）.ready（函数（）{
风险值数据=[
{
“id”：457，
“名称”：“名称457”，
“代码”：“url457”，
“图标”：“，
“产品要素”：1，
“项目”：[
{
“id”：458，
“名称”：“名称458”，
“代码”：“url458”，
“图标”：空，
“产品要素”：1，
“项目”：[
{
“id”：741，
“名称”：“名称741”，
“代码”：“url741”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：743，
“名称”：“名称743”，
“代码”：“url743”，
“图标”：空，
“产品要素”：1，
“图像”：空
}
],
“图像”：空
},
{
“id”：459，
“名称”：“名称459”，
“代码”：“url459”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：460，
“名称”：“名称460”，
“代码”：“url460”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：461，
“名称”：“名称461”，
“代码”：“url461”，
“图标”：空，
“产品要素”：1，
“项目”：[
{
“id”：599，
“名称”：“名称599”，
“代码”：“url599”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：742，
“名称”：“名称742”，
“代码”：“url742”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：744，
“名称”：“名称744”，
“代码”：“url744”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：882，
“名称”：“名称882”，
“代码”：“url882”，
“图标”：空，
“产品要素”：1，
“图像”：空
}
],
“图像”：空
},
{
“id”：464，
“名称”：“名称464”，
“代码”：“url464”，
“图标”：空，
“产品要素”：1，
“项目”：[
{
“id”：883，
“名称”：“名称883”，
“代码”：“url883”，
“图标”：空，
“产品要素”：1，
“图像”：空
},
{
“id”：884，
“名称”：“名称884”，
“代码”：“url884”，
“图标”：空，
“产品要素”：1，
“图像”：空
}
],
“图像”：空
},
{
“id”：581，
“名称”：“名称581”，
“代码”：“url581”，
“图标”：空，
“产品要素”：1，
“图像”：空
}
],
“图像”：空
},
{
“id”：472，
“名称”：“名称472”，
“代码”：“url472”，
“图标”：“牛奶”，
“产品要素”：1，
“项目”：[]
}
]
var keys=Object.keys（数据[0]）；
var HTML=''；
对于（变量i=0；i

将JSON数据转换为HTML
如果ajax有效，请将其从中删除，并仅提供对象和loop@mplungjan将其更改为json数据如果ajax可以工作，请将其从中删除，并提供一个只包含对象和loop@mplungjan将其更改为json数据