Javascript jQuery将元素ID转换为逗号分隔的字符串

我有一个简单的html和jquery脚本，如下所示，我试图得到一个逗号分隔的数据项id列表，看起来像

1,2,3,4,5

var items=$（'.container'）.children（）；
控制台日志（项目）

项目1
项目2
项目3
项目4
项目5
将每个项目映射到其
项目id
，然后用逗号连接：


var items=$（'.container'）
.儿童（）
.map（函数（）{return$（this）.data（'item-id'）}）
.get（）
。加入（‘，’）；
控制台日志（项目）

项目1
项目2
项目3
项目4
项目5
将每个项目映射到其
项目id
，然后用逗号连接：


var items=$（'.container'）
.儿童（）
.map（函数（）{return$（this）.data（'item-id'）}）
.get（）
。加入（‘，’）；
控制台日志（项目）

项目1
项目2
项目3
项目4
项目5
另一种使用
JQuery
的替代方法是，在使用抓取
数据项id
并将其添加到字符串中时，可以使用它遍历
项


$（文档）.ready（函数（）
{
var itemList=“”；
$（'.container.item'）。每个（函数（）
{
itemList+=$（this）.data（'item-id'）+“，”；
});
log（“id:，itemList.slice（0，-1））；
});
.as控制台{背景色：黑色！重要；颜色：石灰；}

项目1
项目2
项目3
项目4
项目5
另一种使用
JQuery
的替代方法是，在使用抓取
数据项id
并将其添加到字符串中时，可以使用它遍历
项


$（文档）.ready（函数（）
{
var itemList=“”；
$（'.container.item'）。每个（函数（）
{
itemList+=$（this）.data（'item-id'）+“，”；
});
log（“id:，itemList.slice（0，-1））；
});
.as控制台{背景色：黑色！重要；颜色：石灰；}

项目1
项目2
项目3
项目4
项目5
因为谁也不想添加解构。。。。。（对某些表现的赞誉）


const items=Array.from(
document.querySelectorAll（'.container>.item'），
（{dataset:{itemId:i}}）=>i
)
。加入（‘，’）；
控制台日志（项目）

项目1
项目2
项目3
项目4
项目5
因为谁也不想添加解构。。。。。（对某些表现的赞誉）


const items=Array.from(
document.querySelectorAll（'.container>.item'），
（{dataset:{itemId:i}}）=>i
)
。加入（‘，’）；
控制台日志（项目）

项目1
项目2
项目3
项目4
项目5
您还可以应用ES5和ES6的一些功能以获得更短的解决方案。而且没有jQuery。

let itemsIds=[…document.getElementsByClassName（“item”）]
.map（elem=>elem.getAttribute（“数据项id”））
。加入（‘，’）；
console.log（itemsIds）

项目1
项目2
项目3
项目4
项目5
您还可以应用ES5和ES6的一些功能以获得更短的解决方案。而且没有jQuery。

let itemsIds=[…document.getElementsByClassName（“item”）]
.map（elem=>elem.getAttribute（“数据项id”））
。加入（‘，’）；
console.log（itemsIds）

项目1
项目2
项目3
项目4
项目5