Javascript 获取数据ID“；“未定义”；

我使用了，我想用

数据ID

获取ID号，但我无法获取按钮的ID号

输出：

example.com/?id=undefined

为什么我会犯这个错误

var myDiv=document.querySelector（'.designer actions'）；
$.floatingMenu({
选择器：'.designer操作a[data action=“show actions menu”]，
项目：[{
标题:"公开",，
行动：'https://example.com/?id='+myDiv.dataset.idNo
}, ]
});
ul.浮动菜单{
位置：绝对位置；
背景色：#000；
边界半径：4px
}
ul.浮动菜单[数据fm floated=“top”]：在{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
底部：-9px；
左：50%；
左边距：-9px；
左边框：9px实心透明；
右边框：9px实心透明；
边框顶部：9px实心#000
}
ul.浮动菜单[数据fm floated=“left”]：在{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
底部：50%；
边缘底部：-9px；
右：-9px；
边框顶部：9px实心透明；
边框底部：9px实心透明；
左边框：9px实心#000
}
ul.浮动菜单[数据fm floated=“right”]：在{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
底部：50%；
边缘底部：-9px；
左：-9px；
边框顶部：9px实心透明；
边框底部：9px实心透明；
右边框：9px实心#000
}
ul.浮动菜单[数据fm floated=“bottom”]：在{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
顶部：-9px；
左：50%；
左边距：-9px；
左边框：9px实心透明；
右边框：9px实心透明；
边框底部：9px实心#000
}
浮动菜单{
位置：相对位置；
浮动：左；
身高：100%
}
浮动菜单{
位置：相对位置；
浮动：左；
颜色：#fff；
字体大小：13px；
填充：4px12px；
文字装饰：无；
线高：32px
}
ul.floating-menu li.fm图标{
位置：相对位置；
浮动：左；
右边距：8px；
字体大小：24px；
线高：32px；
颜色：#fff
}
ul.floating-menu.animated{
动画持续时间：0.2s；
-webkit动画持续时间：0.2s；
-ms动画持续时间：0.2s；
-moz动画持续时间：0.2s；
-o-动画-持续时间：0.2s
}
ul.floating-menu.visible-transit{
-o-转变：.2s；
-ms跃迁：.2s；
-moz跃迁：.2s；
-webkit转换：.2s；
转换：.2s
}
.动画{
-webkit动画持续时间：1s；
动画持续时间：1s；
-webkit动画填充模式：两者都有；
动画填充模式：均为
}
@-webkit关键帧fadeInLeft{
从{
不透明度：0；
-webkit转换：translate3d（-50%，0，0）；
转换：translate3d（-50%，0，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
@关键帧淡入淡出{
从{
不透明度：0；
-webkit转换：translate3d（-50%，0，0）；
转换：translate3d（-50%，0，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
[数据fm floated=“left”]。fadeInPosition{
-webkit动画名称：fadeInLeft；
动画名称：fadeInLeft
}
@-webkit关键帧淡入淡出{
从{
不透明度：0；
-webkit转换：translate3d（50%，0,0）；
变换：translate3d（50%，0，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
@关键帧淡入淡出{
从{
不透明度：0；
-webkit转换：translate3d（50%，0,0）；
变换：translate3d（50%，0，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
[data fm floated=“right”]。fadeInPosition{
-webkit动画名称：fadeInRight；
动画名称：fadeInRight
}
@-webkit关键帧淡入淡出淡入{
从{
不透明度：0；
-webkit转换：translate3d（0，-100%，0）；
变换：translate3d（0，-100%，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
@关键帧淡入淡出{
从{
不透明度：0；
-webkit转换：translate3d（0，-100%，0）；
变换：translate3d（0，-100%，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
[数据fm floated=“top”]。fadeInPosition{
-webkit动画名称：fadeInDown；
动画名称：fadeInDown
}
@-webkit关键帧fadeInUp{
从{
不透明度：0；
-webkit转换：translate3d（0,100%，0）；
变换：translate3d（0,100%，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
@关键帧淡入淡出{
从{
不透明度：0；
-webkit转换：translate3d（0,100%，0）；
变换：translate3d（0,100%，0）
}
到{
不透明度：1；
-webkit转换：无；
转换：无
}
}
[data fm floated=“bottom”]。fadeInPosition{
-webkit动画名称：fadeInUp；
动画名称：fadeInUp
}

更新的答案：

您需要在阵列中循环：

$('.designer-actions a').each(function(){
  idNo = $(this).data('idno');
  $.floatingMenu({
      selector: '.designer-actions a[data-action="show-actions-menu"]',
      items: [{
        title: 'Open',
        action: 'https://example.com/?id=' + idNo
      }, ]
  });
});

有几个问题。首先，
designer actions
是一个
id
，而不是
类
，因此您的选择器是错误的。其次，
dataidno
属性位于子
a
元素上，因此通过选择
div
元素无法找到该属性anyway@RoryMcCrossan，我已修复，但我遇到了相同的错误
querySelector
返回单个元素，而不是数组。我想你把它和querySelectorAll混为一谈了Rorymcrossan是对的。您的代码中有一些错误。您需要使用
$（'.designer actions a'）
选择a元素。我还纠正了idNo的区分大小写问题：