Javascript JQuery-从父div中未知数量的子级获取id值

我正在尝试获取每组父div的ID值列表。使用draglua将站点拖到一个组中，然后我想创建一个字典字符串，我可以将其提交到服务器端表单并对其进行处理

字典字符串应该包含每个组中所有ID的列表，我下面的脚本目前适用于一个组（a），但不是所有组，我假设有更好的方法将所有组都包含在一个组中

因此，在用户将站点拖入组后，我希望能够单击“应用组”，然后将“站点组”的值设置为

[{group: a, ids: [3,4,5]},{group: b, ids: [31,4]},{group: c, ids: [8]},..etc]

然后我可以提交此文件并在服务器端进行处理，有人能提供帮助吗

谢谢

.拖动空间{
宽度：100%；
最小高度：20px；
}
更改组
A-1网站
B-0站点
C-0网站
D-0站点
E-0网站
F-0网站
G-0网站
H-0站点
I-0站点
不在更改组中的站点
//开始Dragula JS
var drake=dragula（[document.querySelector（'drag-source'）、document.querySelector（'drag-A'）、document.querySelector（'drag-B'）、document.querySelector（'drag-C'）、document.querySelector（'drag-D'）、document.querySelector（'drag-E'）、document.querySelector（'drag-E'）、document.querySelector（'drag-F'）、document.querySelector（'drag-D'）、document，document.querySelector（“#drag-I”），]；
//当物品掉落时
on（'drag'，函数（el、目标、源、同级）{
el.classList.remove（'col-3'）；
})
//获取组中的项目
$（“#应用选项卡”）。单击（函数（）{
var a#u children=document.queryselectoral（“#drag-a div”）；
变量a_id=[]
为了（var i=0；i来完成你的任务
        $("#apply-tab").click(function(){
        var group_ids = {};

        $(".drag-space").each(function() { // Loop over all items of class 'drag-space'
          var id = this.id;
          var key = id.replace(/drag-/, "").toLowerCase();
          var children = document.querySelectorAll("#" + id + " div");
          var ids = []
          for (var i = 0; i<children.length; i++) {
            ids.push(children[i].id)
          }
          group_ids[key] = ids;
        });
        $("#site_groups").val(JSON.stringify(group_ids));
    });