如何从多个元素获取属性值，而不仅仅是第一次匹配

Question

如何从以下代码行获取所有数据id

HTML:

<div data-id='1' class="userId">
    <span> user name-1 </span>
</div>
<div data-id='2' class="userId">
    <span>user name-2</span>
</div>

javascript:

var userIds = $('.userId').attr("data-id");

但是它只返回1

Answer 1

var userIds = $('.userId').map(function(){
    return $(this).data('id');
}).get();

它是如何工作的？

它获取所有userId类元素，然后执行一个函数(使用map)，该函数将使用data返回data-id属性，然后使用“get”获取结果。

为什么你的代码不能工作？

var userIds = $('.userId').attr("data-id");

attr只在集合中的第一个匹配元素上工作，因此它只返回第一个元素id- 1。

attr：获取匹配元素集合中第一个元素的属性值.

Answer 2

var ar = [];
$('div[data-id]').each( function() {
    ar.push($(this).data('id'));
});

...should做了，但我没有测试。