jQuery在嵌套循環中顯示項目

我想顯示屬於不同顧客的物品。為此，我通過ajax調用獲取數據，然後根據每個唯一客戶對數據進行分組。然後，我將分組數據附加到我的html中。
我的分組數據的結構如下：
“約翰·多伊”：[
{
“ 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，函數（鍵，值）{
$（'。cust_items'）。append（`
`+鍵+`

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


貨號
商品名稱

 


`+ ky +`


`+ val.Item_name +`


`）;
}）;
}）;
我正面臨一個麻煩，即所有項目均在第一位客戶下顯示，而數據在第二位客戶下正確顯示。 
                                
                                

                                    

                                        

                                            2021-01-31 08:21:48                                        
                                    
                                
                            


                        
                    


                    

                        

                        

                    

                    

                        

                            
屬性和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}


`）;
}）;
}）;