jQuery在嵌套循环中显示项目

我想显示属于不同顾客的物品。为此，我正在通过ajax调用获取数据，然后根据每个唯一客户对数据进行分组。然后，我将分组数据附加到我的html中。
我的分组数据的模样的结构：
“约翰·多伊”：[
{
“ Item_id”：1
“ Item_name”：“ abc”
}，
{
“ Item_id”：2
“ITEM_NAME”： “高清”
}，
]，
“简·多伊”：
{
“ Item_id”：3
“ Item_name”：“ ghi”
}，
{
“ Item_id”：4
“ Item_name”：“ jkl”
}，
]
我的代码如下：
$ .each（groupedData，函数（键，值）{
$（”。cust_items'）。追加（`
`+键+`

`）;
$ .each（value，function（ky，val）{
$（'＃dataTable tbody'）。append（
`


货号
物品名称

 


`+ ky +`


`+ val.Item_name +`


`）;
}）;
}）;
我正面临一个麻烦，所有项目都在第一个客户下显示，而数据在第二个客户下正确显示。 
                                
                                

                                    

                                        

                                            2021-01-31 08:21:36                                        
                                    
                                
                            


                        
                    


                    

                        

                        

                    

                    

                        

                            
属性和Jane Doe属性的对象未包含在[]中之后，您将丢失逗号。请考虑更改您的groupedData对象，因为语法不正确。
编辑：还调整了模板字符串并使用动态ID访问表。
样品：
让groupedData = {
“ John Doe”：[{
“ Item_id”：1，
“ Item_name”：“ abc”
}，
{
“ Item_id”：2
“ Item_name”：“ def”
}
]，
“简·多伊”：[{
“ Item_id”：3，
“ Item_name”：“ ghi”
}，
{
“ Item_id”：4
“ Item_name”：“ jkl”
}
]
};
$ .each（groupedData，function（key，value）{
$（'。cust_items'）。append（`
 $ {key} 

`）;
$ .each（value，function（ky，val）{
$（`#dataTable _ $ {key.split（''）.join（'_'）} tbody`）.append（
`


货号
商品名称

 


$ {ky}


$ {val.Item_name}


`）;
}）;
}）;