Javascript 基于数据属性在特定id中插入元素

我试图在循环中动态地插入元素，根据数据集值将元素插入到相应的div中。基本上，如果这两个元素具有匹配的数据集值，则应该将其插入到特定的div中

数据集值是唯一的，但在某些情况下，数据集值可能会出现多次

我在项目的另一部分中使用了以下代码，但是我似乎无法使它与我需要做的下一件事一起工作

var callingPointsWrapper = document.querySelectorAll(".callingstations");
                                var currentCallingWrapper = [...callingPointsWrapper].find((wrapper) => wrapper.dataset.callingpointsid === trainUID);
                                var callingWrapperFragment = document.createRange().createContextualFragment(callingPointsTemplate);

                                // add to correct element
                                callingPointsWrapper.appendChild(callingPointsTemplate);

我的所有代码如下文所示。提前谢谢

//脚本
//如果是http，则将协议更改为https
如果（window.location.protocol！='https:'）window.location.protocol='https'；
// 
var info=document.querySelector（“.info”）；
//使用if语句检查地理定位是否有效/受支持
//如果支持地理定位
if（导航器中的“地理位置”）{
//登录到控制台
log（“地理定位正在工作”）；
//如果支持地理定位，则要运行的函数
navigator.geolocation.getCurrentPosition（函数（位置）{
//商店用户协调
var lat=位置坐标纬度；
var lon=位置坐标经度；
//将它们记录到控制台
log（“您的坐标是：“+lat+”，“+lon”）；
//回调函数在另一个函数中使用用户坐标
findNearestStation（纬度、纬度）；
});
//如果不支持地理定位
}否则{
//登录到控制台
log（“不支持地理定位”）；
}
//时间表信息的空数组
var serviceUrlArray=[]；
功能findNearestStation（lat、lon）{
//登录到控制台
//log（“您的坐标是：“+lat+”，“+lon”）；
//api密钥和令牌
var appID=“xxx”；
var appKey=“xxxxxx”；
//最近站点url模板的api
var transportApiUrl=”https://transportapi.com/v3/uk/train/stations/near.json?app_id=“+appID+”&app_key=“+appKey+”&lat=“+lat+”&lon=“+lon+”&rpp=5”；
//ajax请求获取最近的站点
var nearbyStationsReq=new XMLHttpRequest（）；
nearbystationsrq.open（'GET'，transportapirl，true）；
nearbystationsrq.onload=函数（）{
//结果窗口
var resultsWindow=document.querySelector（“.results window”）；
//时间表URL的空数组
var timetableUrlArray=[]；
//站代码的空数组
var StationDearray=[]；
//清除结果窗口
resultsWindow.innerHTML=“”；
如果（this.status>=200&&this.status<400）{
//响应数据
var res=JSON.parse（this.response）；
//响应中的站阵列的变量
var数据=res.站；
//用于循环遍历响应数据
对于（变量i=0；i=200&&this.status<400）{
//对请求的响应
var res=JSON.parse（this.response）；
//时间表信息数据
var数据=res.deparations.all；
//声明服务结果包装器
var servicesultswapper=document.querySelectorAll（“.servicesultswapper”）；
//循环以遍历数据
对于（变量i=0；i