使用Javascript或Jquery过滤或搜索JSON树数据,并返回与搜索字符串或字符匹配的树
下面是一个包含子元素的JSON。作为“搜索中的字符”输入框中的用户键。此树需要过滤并显示所有匹配的节点/子节点,而不会干扰树结构 若子节点与搜索字符串或字符匹配,则树应显示其父节点,并应维护层次结构 通过Javascript尝试了不同的方法,但没有成功使用Javascript或Jquery过滤或搜索JSON树数据,并返回与搜索字符串或字符匹配的树,javascript,jquery,json,search,filter,Javascript,Jquery,Json,Search,Filter,下面是一个包含子元素的JSON。作为“搜索中的字符”输入框中的用户键。此树需要过滤并显示所有匹配的节点/子节点,而不会干扰树结构 若子节点与搜索字符串或字符匹配,则树应显示其父节点,并应维护层次结构 通过Javascript尝试了不同的方法,但没有成功 { "RestData": { "childrenItems": [{ "materialName": "Admin
{
"RestData": {
"childrenItems": [{
"materialName": "Admin "
},
{
"materialName": "Service"
},
{
"childrenItems": [{
"materialName": "Help 1"
},
{
"materialName": "Help 2"
},
{
"materialName": "Help 3"
},
{
"materialName": "Help 4"
}
],
"materialName": "sales"
},
{
"childrenItems": [{
"childrenItems": [{
"materialName": "File 123"
},
{
"materialName": "File 124"
},
{
"materialName": "File 125"
}
],
"materialName": "Folder A1"
},
{
"materialName": "Folder A2"
},
{
"materialName": "Folder A3"
},
{
"materialName": "Folder A4"
}
],
"materialName": "Dealer"
}
]
}
}