Javascript 如何从共享属性的jQuery集合中获取属性数组?

Javascript 如何从共享属性的jQuery集合中获取属性数组?,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,如果我有这个: <input type="checkbox" class="tag" data-tag-id="1" checked="checked"> <input type="checkbox" class="tag" data-tag-id="2"> <input type="checkbox" class="tag" data-tag-id="3" checked="checked"> <input type="checkbox" cl

如果我有这个:

 <input type="checkbox" class="tag" data-tag-id="1" checked="checked">
 <input type="checkbox" class="tag" data-tag-id="2">
 <input type="checkbox" class="tag" data-tag-id="3" checked="checked">
 <input type="checkbox" class="tag" data-tag-id="4" checked="checked">
上面返回三个DOM对象:

 [{checkbox object}, {checkbox object}, {checkbox object}]
我的问题是:如何获取数据标记id的集合?我想通过一个查询获得以下信息:

 [1, 3, 4]
这不起作用:

 $(".tag:checked").data("tag-id")

我搜索了很多,但大多数谷歌搜索结果都是:“如何选择多个数据属性”,这是另一回事,即:
$(“[data bar=…][data foo=…]”)

您可以使用并生成标记id数组


您可以初始化一个数组,并在选中的项之间循环

var dataArray = [];
$( ".tag:checked" ).each(function(){
    dataArray.push( $(this).attr( "data-tag-id" ) );
});
var arr =  $(".tag:checked").map(function(){
    return $(this).data("tag-id")
}).get();
console.log(arr);
var dataArray = [];
$( ".tag:checked" ).each(function(){
    dataArray.push( $(this).attr( "data-tag-id" ) );
});