javascript - 从具有相同类的多个div元素中获取多个.attr值

我试图从同一个类的多个div元素中获取多个数据属性值，例如：

'<div class="col-2">Category: <span class="title-cat tempcat" data-category="' + catId + '">'+ categoryName +'</span></div>'

我正在尝试获取data-category属性，但是这里的问题是该行有多个实例，因此我想为我随后通过AJAX传递的所有data-categories建立一个列表。

到目前为止，我已经建立了一个列表，并不断在列表中插入第一行值：

var tempcat = $.map($('.title-cat.tempcat'), function() {
  return $('.title-cat.tempcat').attr('data-category');
});

它传递了tempcat：154, 154当有两行应显示154, 174时

最佳答案

每次都得到相同的项目，因为attr抓住了第一个。您需要选择其他内容-数组中的项目：

var tempcat = $.map($('.title-cat.tempcat'), function(el) {
    return $(el).attr('data-category');
});