Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript或Jquery过滤或搜索JSON树数据,并返回与搜索字符串或字符匹配的树_Javascript_Jquery_Json_Search_Filter - Fatal编程技术网

使用Javascript或Jquery过滤或搜索JSON树数据,并返回与搜索字符串或字符匹配的树

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

下面是一个包含子元素的JSON。作为“搜索中的字符”输入框中的用户键。此树需要过滤并显示所有匹配的节点/子节点,而不会干扰树结构

若子节点与搜索字符串或字符匹配,则树应显示其父节点,并应维护层次结构

通过Javascript尝试了不同的方法,但没有成功

{
    "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"

            }
        ]
    }
}